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内 容 简 介 


Web 技术 从 本 质 上 讲 是 各 种 技术 的 集成 与 综合 应 用 。 全 书 共 3 篇 11 章 ,介绍 了 Web 技术 三 个 层 
面 的 应 用 。 第 1 篇 “Web 技术 基础 "分 为 3 章 . 主 要 内 容 是 Web 技术 概述 ,搭建 Web 开发 与 运行 环境 (JSP) 
和 网 上 书店 的 系统 设计 。 第 2 篇 “Web 程序 设计 基础 "分 为 3 章 , 分 别 介绍 HTML、CSS 和 JavaScript 技术 。 
第 3 篇 "JSP 与 数据 库 应 用 开发 ”分 为 5 章 , 分 别 介绍 JSP 运行 机 制 与 基本 语法 、JSP 内 置 对 象 .基于 JSP 
的 数据 库 应 用 开发 ,Servlet 基础 和 网 上 书店 的 实现 。 

本 书 注重 技术 应 用 ,共有 98 个 案例 以 及 一 个 与 公司 合作 开发 的 案例 一 一 网 上 书店 
的 应 用 贯穿 本 书 , 其 源 代码 可 在 清华 大 学 出 版 社 网 站 下 载 。 
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高 等 学 校 计算 机 基础 教育 教材 精 选 


在 教育 部 关于 高 等 学 校 计算 机 基础 教育 三 层次 方案 的 指导 下 ,我 国 高 等 学 校 的 计算 
机 基础 教育 事业 鞍 勃 发 展 。 经 过 多 年 的 教学 改革 与 实践 ,全 国 很 多 学 校 在 计算 机 基础 教 
育 这 一 领域 中 积累 了 大 量 宝贵 的 经 验 ,取得 了 许多 可 喜 的 成 果 。 

随 着 科教 兴国 战略 的 实施 以 及 社会 信息 化 进程 的 加 快 ,目前 我 国 的 高 等 教育 事业 正 
面临 着 新 的 发 展 机 遇 , 但 同时 也 必须 面 对 新 的 挑战 。 这 些 都 对 高 等 学 校 的 计算 机 基础 教 
育 提 出 了 更 高 的 要 求 。 为 了 适应 教学 改革 的 需要 ,进一步 推动 我 国 高 等 学 校 计算 机 基础 
教育 事业 的 发 展 ,我 们 在 全 国 各 高 等 学 校 精心 挖掘 和 遵 选 了 一 批 经 过 教学 实践 检验 的 优 
秀 的 教学 成 果 ,编辑 出 版 了 这 套 教 材 。 教 材 的 选 题 范 围 涵盖 了 计算 机 基础 教育 的 三 个 层 
次 ,包括 面向 各 高 校 开 设 的 计算 机 必修 课 .选修 课 , 以 及 与 各 类 专业 相 结 合 的 计算 机 课程 。 

为 了 保证 出 版 质量 ,同时 更 好 地 适应 教学 需求 ,本 套 教 材 将 采取 开放 的 体系 和 滚动 出 
版 的 方式 ( 即 成 熟 一 本 .出 版 一 本 ,并 保持 不 断 更 新 ) ,坚持 宁 缺 考 滥 的 原则 ,力求 反映 我 国 
高 等 学 校 计算 机 基础 教育 的 最 新 成 果 , 使 本 套 从 书 无 论 在 技术 质量 上 还 是 文字 质量 上 均 
成 为 真正 的 “ 精 选 ”。 

清华 大 学 出 版 社 一 直 致 力 于 计算 机 教育 用 书 的 出 版 工作 ,在 计算 机 基础 教育 领域 出 
版 了 许多 优秀 的 教材 。 本 套 教材 的 出 版 将 进一步 丰富 和 扩大 我 社 在 这 一 领域 的 选 题 范 
围 . 层 次 和 深度 ,以 适应 高 校 计算 机 基础 教育 课程 层次 化 、 多 样 化 的 趋势 ,从 而 更 好 地 满足 
各 学 校 由 于 条 件 、. 师 资 和 生源 水 平 .专业 领域 等 的 差异 而 产生 的 不 同 需求 。 我 们 热切 期 望 
全 国 广大 教师 能 够 积极 参与 到 本 套 丛 书 的 编写 工作 中 来 ,把 自己 的 教学 成 果 与 全 国 的 同 
行 们 分 享 ; 同 时 也 欢迎 广大 读者 对 本 套 教材 提出 宝贵 意见 ,以 便 我 们 改进 工作 ,为 读者 提 
供 更 好 的 服务 。 

我 们 的 电子 邮件 地 址 是 : jiaoh@tup. tsinghua. edu. cn。 联 系 人 : 焦 虹 。 


清华 大 学 出 版 社 
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人 类 已 进入 信息 时 代 , 信 息 技 术 (IT) 的 应 用 渗透 到 了 各 个 领域 ,基于 Web 的 应 用 系 
统 正在 成 为 信息 系统 的 主流 。Web 技术 是 IT 领域 的 一 项 关键 技术 。 随 着 网 上 应 用 系 
统 、 企 事业 信息 管理 .电子 商务 和 电子 政务 等 需求 的 增加 ,使 用 Web 方式 进行 信息 处 理 和 
应 用 系统 开发 已 经 成 为 主流 发 展 趋势 。Web 技术 是 网 上 信息 应 用 的 基础 ,是 信息 管理 、 
计算 机 等 专业 ,甚至 是 IT 类 专业 的 一 项 主要 技术 基础 。 它 也 是 从 事 信息 事业 的 技术 人 
员 和 管理 者 需要 掌握 的 重要 技能 。 

基于 Web 技术 的 应 用 开发 需要 三 个 层面 的 技术 。 本 书 根据 这 三 个 层面 设计 了 三 个 
台阶 ,读者 每 完成 一 部 分 内 容 的 学 习 , 即 可 进行 Web 应 用 开发 某 一 方面 的 工作 。 这 三 个 
台阶 是 : 

(1) Web 开发 与 运行 环境 构建 技术 。 

能 力 要 求 :掌握 搭建 Web 应 用 软 、 硬 件 平台 的 基本 技能 。 

(2) Web 程序 设计 基础 。 

能 力 要 求 :具有 基本 的 Web 编程 能 力 。 

(3) JSP 与 数据 库 应 用 开发 技术 。 

能 力 要 求 : 熟练 掌握 应 用 JSP 技术 完成 数据 库 信 息 存 储 ,管理 与 发 布 技术 。 

在 Web 开发 与 运行 环境 构建 部 分 ,重点 介绍 JSP 运行 环境 的 搭建 。Web 程序 设计 基 
础 是 Web 应 用 开发 的 基础 。 本 书 对 这 部 分 内 容 介 绍 以 必需 、 够 用 为 度 , 重 点 介绍 HTML、 
CSS 和 JavaScript 技术 的 应 用 。 如 果 读 者 具有 某 种 程序 设计 语言 的 基础 ,这 部 分 内 容 可 
以 通过 本 书 案例 自学 。 基 于 Web 技术 的 应 用 开发 的 核心 技术 是 应 用 逻辑 处 理 技术 和 数 
据 库 信 息 发 布 技术 ,这 是 本 书 讲解 的 重点 。 

本 书 是 在 作者 完成 多 轮 教学 与 多 个 科研 项 目的 基础 上 写成 的 。 书 中 全 面 介 绍 了 
Web 技术 应 用 的 基本 概念 与 理论 ,详细 讲解 了 市 场 主流 成 熟 技 术 的 应 用 。 本 书 具 有 以 下 
三 个 特点 : 

(1) 以 应 用 导向 。 本 书 以 应 用 为 导向 ,以 Web 应 用 开发 过 程 为 基础 ,较为 全 面 地 介 
绍 了 市 场 主流 和 成 熟 技术 的 应 用 。 

(2) 将 实际 项 目 引 入 教学 。 本 书 的 案例 “网 上 书店 ”是 一 个 实际 项 目 , 是 作者 与 企业 
共同 开发 的 ,为 便于 教学 ,对 部 分 内 容 进 行 了 适当 简化 。 本 书 介绍 了 “网 上 书店 ”从 设计 到 
实现 的 全 过 程 ,读者 按照 系统 使 用 说 明 , 可 将 系统 恢复 ,用 以 教学 或 参照 开发 新 的 应 用 。 

(3) 以 案例 带动 教学 。 本 书 强 调 在 做 中 学 ,将 实践 与 学 习 理 论 知 识 相 结 合 。 本 书 提 


供 了 90 多 个 案例 ,所 有 案例 均 在 Windows 7 十 Tomcat 十 SQL Server 2005 企业 版 和 
Windows XP 十 Tomcat 十 SQL Server 个 人 版 环境 下 调试 通过 。 

书 中 每 章 后 面 都 有 大 量 的 习题 ` 上 机 练习 和 实 训 课题 ,其 目的 是 使 学 生 掌 握 核心 知 
识 、 概 念 和 技术 。 在 实 训 中 还 提供 了 一 些 综合 应 用 的 课题 。 

本 书 由 樊 月 华 和 刘 雪 涛 共同 策划 ,第 7 一 11 章 由 刘 雪 涛 编写 ,第 2.4.6 章 由 王 艳 娥 编 
写 , 第 3 章 由 刘 洪 发 编写 ,第 1.5 章 由 梦 月 华 编写 。 在 网 上 书店 项 目 设计 与 开发 过 程 中 ， 
得 到 了 多 特 教育 责任 有 限 公司 的 易 力 协助 ,在 此 表示 感谢 。 

本 书 第 3 版 更 新 了 软件 版 本 ,增加 了 Servlet 内 容 , 对 部 分 内 容 和 例题 进行 了 更 新 , 保 
证 了 教材 的 先进 性 。 

感谢 读者 选择 使 用 本 书 ,欢迎 对 本 书 结构 、 内 容 提出 批评 和 修改 建议 。 本 书 不 当 之 处 
敬 请 指正 ,我 们 将 不 胜 感激 。 


作 者 
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第 1 篇 主要 介绍 与 Web 技术 相关 的 基础 知识 .原理 和 Web 运行 环境 (JSP) 的 搭建 技 
术 。 通 过 第 1 篇 的 学 习 , 读 者 将 了 解 Web 应 用 的 基本 知识 与 原理 ,通过 一 个 实际 案例 (网 
上 书店 ,此 案例 将 贯穿 于 人 全书) 知道 基 于 Web 方式 的 应 用 系统 开发 的 全 过 程 ,并 掌握 
Web 运行 环境 (JSP) 的 搭建 技术 。 第 1 篇 主要 内 容 包括 : 

第 1 章 Web 技术 概述 。 

第 2 章 搭建 Web 开发 与 运行 环境 (JSP) 。 

第 3 章 ”基于 Web 方式 的 信息 系统 开发 案例 一 一 网 上 书店 。 


全 Web 技术 概述 
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本 童 主要 介绍 Web 技术 的 基础 知识 和 基本 原理 ,包括 计算 机 网 络 基础 知识 、 
Internet\IP 地 址 ,域名 和 统一 资源 定位 符 URL ,Web 的 基本 概念 、 工 作 原 理 和 Web 站 点 
的 体系 结构 ,Web 开发 技术 和 Web 方式 访问 数据 库 技术 等 ,为 Web 应 用 开发 做 好 准备 。 

学 习 要 点 : 

(1) 掌握 Web 开发 的 基本 知识 、 主 要 技术 和 工作 原理 。 

(2) 理解 Web 开发 常用 构架 、 浏 览 器 /服务 器 /数据 库 服务 器 三 层 结构 工 作 模 式 。 

(3) 熟练 使 用 IP 地 址 、 域 名 和 URL 在 网 上 查找 资源 。 

(4) 理解 基于 JSP 技术 的 数据 库 访问 机 制 。 


1.1 Web 简介 


1.1.1 什么 是 Web 


Web 全 称 为 World Wide Web, 简 称 WWW ,中文 译 名 为 万 维 网 ,万 维 网 是 一 个 大 规 
模 、 联 机 式 的 信息 储藏 场所 ,有 时 也 称 全 球 信息 网 。Web 是 因特网 提供 的 一 项 最 重要 的 
服务 ,其 主要 功能 是 信息 发 布 和 信息 检索 ,是 一 个 分 布 式 超 媒体 (hypermedia) 系 统 。Web 
使 用 超 链接 (hyperlink ) 技术 连接 分 布 信息 ,使 用 超 文本 传输 协议 HTTP (Hypertext 
Transfer Protocol) 传 输 超 文本 数据 ,应 用 超 文本 标记 语言 HTML(Hypertext Markup 
Language) 作 为 基本 发 布 语 言 。 

超 文本 可 视 为 超 链接 和 文本 的 结合 ,是 指 在 文本 中 包含 指向 其 他 文档 的 链接 文本 。 
超 媒体 是 超 链 接 与 多 媒体 的 结合 ,文档 包含 图 形 .图 像 .声音 和 影视 等 。 超 媒体 系统 是 超 
文本 (hypertext) 系 统 的 扩充 。 简 单 地 说 : 超 媒 体 = 超 链接 十 多 媒体 。 超 媒体 在 本 质 上 和 
超 文本 是 一 样 的 ,只 不 过 超 文本 技术 在 诞生 的 初期 管理 的 对 象 是 纯 文本 ,所 以 叫做 超 文 
本 。 随 着 多 媒体 技术 的 兴起 和 发 展 , 超 文 本 技术 的 管理 对 象 从 纯 文本 扩展 到 多 媒体 。 为 
强调 管理 对 象 的 变化 ,就 产生 了 超 媒 体 这 个 词 。 超 媒体 和 超 文 本 应 用 见 图 1-1。 

Web 站 点 是 信息 的 储存 与 发 布地 。 网 上 众多 站 点 的 信息 形成 海量 信息 ,这 些 信息 可 
以 分 布 在 物理 位 置 不 同 的 站 点 。 客 户 使 用 统一 的 浏览 器 ,就 可 以 轻松 地 在 网 上 浏览 各 种 


其 他 文档 超 文本 : 超 链接 + 文本 


| 仿生 全 名 科比 用 守 区 开发 
川 经 成 为 主流 发 展 趋势 。 
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图 1-1 超 媒体 和 超 文本 


信息 。 信 息 的 类 型 有 文本 、 图 形 ,图像 .声音 和 影视 等 。Web 信息 检索 过 程 见 图 1-2。 客 户 
在 站 点 1 ,浏览 网 页 , 单 击 页 面 热点 ,可 链接 到 站 点 2 的 网 页 ,在 站 点 2 又 可 链接 到 站 点 3， 
如 此 继续 链接 。 


因特网 站 点 3 
图 1-2 Web 信息 检索 过 程 


Web 技术 几乎 涉及 所 有 信息 领域 ,如 新 闻 广告、 信息 服务 .电子 商务 .电子 政务 和 企 
事业 管理 信息 系统 等 。 


1.1.2 ”Web 要 素 


Web 以 客户 /服务 器 方式 工作 ,客户 要 在 网 上 查询 信息 , 需 先 在 客户 端 提 出 请 求 , 然 后 
由 信息 所 在 站 点 服务 器 向 客户 返回 响应 信息 。 为 完成 这 一 功能 , Web 必须 要 解决 以 下 问题 。 

(1) 如 何 标识 网 上 信息 资源 ,以 解决 客户 在 何 处 查找 所 需 资 源 的 问题 。 

Web 采用 统一 资源 定位 符 URL(Uniform Resource Locator) 标 识 网 上 各 种 文档 。 万 
维 网 上 的 每 一 个 文档 都 具有 URL 标识 ,客户 在 浏览 器 的 地 址 栏目 输入 该 文档 的 URL, 即 
可 浏览 该 文档 信息 。 
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(2) 以 什么 方式 相互 沟通 ,以 解决 客户 与 服务 器 之 间 交 互 的 问题 。 

Web 使 用 HTTP 协议 访问 网 上 资源 .HTTP 是 计算 机 之 间 传 输 数 据 的 协议 ,相当 于 
计算 机 之 间 的 沟通 语言 。HTTP 规定 了 浏览 器 如 何 向 服务 器 请 求 网 络 资源 ,服务 器 如 何 
向 客户 返回 响应 资源 。HTTP 请 求 和 响应 过 程 见 图 1-3。 客 户 向 Web 服务 器 发 出 浏览 
网 页 请 求 (HTTP 请 求 ) ,服务 器 响应 请 求 ,把 找到 的 网 页 发 送 给 客户 ,客户 和 服务 器 之 间 
通过 HTTP 协议 传输 信息 。 


OHTTP 请 求 网 页 OHTTP 请 求 网 页 
因特网 
@HTTP 响 应 @HTTP 响 应 
客户 浏览 器 Web 服 务 器 


Www.bta.netcn 


图 1-3 HTTP 请 求 与 响应 


(3) 如 何 便捷 地 找到 所 需 信 息 ,以 解决 客户 快速 浏览 的 问题 。 

Web 应 用 超 链 接 ,提供 信息 资源 之 间 自 由 访问 的 手段 ,也 可 以 借助 搜索 工具 或 搜索 
引擎 查找 。 

(4) 如 何 显示 不 同 风格 的 信息 内 容 , 以 解决 不 同 计 算 机 之 间 信 息 交 流 的 障碍 。 

Web 使 用 标准 的 超 文本 标记 语言 HTML 显示 信息 内 容 , 可 以 使 Web 上 任何 一 台 计 
算 机 显示 任何 一 个 网 站 的 页 面 , 消 除了 不 同 计算 机 之 间 信 息 交 流 的 障碍 。HTML 语言 简 
单 , 易 掌握 ,是 Web 的 重要 基础 。 

图 1-4 显示 了 某 网 站 的 首页 ,基本 上 说 明了 Web 是 如 何 查 询 信 息 的 。 


2. 访问 方式 1. 地 址 栏目 4. HTML 
HTTP 协 议 资源 在 何 处 文档 
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图 1-4 Web 工作 要 素 


1.2 计算 机 网 络 基础 


计算 机 网 络 是 计算 机 技术 和 通信 技术 相 结合 的 产物 ,基于 Web 的 信息 系统 是 运行 在 计 
算 机 网 络 之 上 的 ;而 Internet 是 全 球 最 大 的 、 开 放 的 、 由 众多 网 络 互联 而 形成 的 计算 机 网 络 。 
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1.2.1 计算 机 网 络 的 定义 


计算 机 网 络 是 通过 通信 线路 和 通信 设备 ,将 分 布 在 不 同 地 理 位 置 . 具 有 独立 功能 的 计 
算 机 系统 连接 起 来 ,在 网 络 协议 和 网 络 管理 软件 的 支持 下 ,实现 彼此 之 间 数 据 通信 和 资源 
共享 的 系统 。 可 以 说 计算 机 网 络 是 一 些 互 相连 接 的 ,自治 的 计算 机 的 集合 。 

计算 机 网 络 为 网 络 用 户 提供 了 两 个 主要 功能 : 连通 和 共享 。 连 通 功能 把 网 上 计算 机 
连接 起 来 ,使 上 网 用 户 之 间 可 以 交换 信息 。 共 享 功能 使 上 网 用 户 可 以 共享 网 上 的 所 有 公 
共 资 源 ,例如 信息 .文档 软件、 硬件、 娱乐 节目 、 游 戏 等 。 

计算 机 网 络 常见 的 分 类 依据 是 网 络 覆 盖 的 地 理 范 围 ,根据 网 络 覆 盖 范 围 的 大 小 将 网 
络 分 为 个 人 区 域 网 .局 域 网 .广域网 和 城 域 网 。 

个 人 区 域 网 (Personal Area Network,PAN) : 在 个 人 工作 范围 内 把 个 人 使 用 的 电子 
设备 用 无 线 技术 连接 起 来 的 网 络 , 也 称 无 线 个 人 区 域 网 (Wireless Pan, WPAN) ,一 般 范 
围 在 10 一 100m 左右 。 

局 域 网 (Local Area Network,LAN): 它 是 连接 近 距 离 的 网 络 ,覆盖 范围 从 几米 到 数 
千 米 , 如 办 公 室 或 实验 室 的 网 ,同一 建筑 物 内 的 网 ,校园 内 、 某 单位 园区 内 或 某 居 民 区 内 的 
网 。 局 域 网 是 城 域 网 和 广域网 的 基础 。 

城 域 网 (Metropolitan Area Network,MAN): 它 是 介 于 局 域 网 和 广域网 之 间 的 一 种 
高 速 网 络 ,覆盖 范围 为 几 十 千 米 , 其 规模 限于 一 个 城市 的 范围 。 

广域网 (Wide Area Network,WAN): 其 覆盖 范围 从 几 十 千 米 到 几 千 千 米 ,可 以 连接 
若干 个 城市 .地 区 、 国 家 ,甚至 横 跨 几 个 洲 覆 盖 全 球 ,形成 国际 性 的 远程 网 络 。 广 域 网 的 连 
接 一 般 采 用 专用 线路 .VPN 虚拟 专用 网 .DDN 、X. 25 .卫星 信道 和 帧 中 继 等 通信 线路 。 


1.2.2 JInternet 


1，Internet 定义 

Internet 译 为 “因特网 ”, 也 称 国际 互联 网 。Internet 是 一 个 把 世界 范围 内 的 众多 计算 
机 、 人 数据库、 软件 和 文件 连接 在 一 起 的 ,通过 一 个 共同 的 通信 协议 (TCP/IP 协议 ) 相 互 
会 话 的 网 络 。 

多 个 计算 机 连接 起 来 构成 网 络 , 各 个 网 络 通 过 网 络 连接 设备 (路 由 器 ) 互 联 起 来 构成 
互联 网 ,互联 网 是 网 络 的 网 络 (network of networks)。 世 界 上 最 大 .开放 的 、 覆 盖 全 球 的 
互联 网 , 即 因特网 。 路 由 器 是 Internet 实现 互联 的 “标准 件 ”, 它 能 够 将 使 用 不 同 技术 的 两 
个 网 络 互联 起 来 。 它 的 主要 作用 是 : 将 网 络 互 联 并 且 执 行路 由 选择 。 可 以 说 Internet 是 
一 个 由 路 由 器 连接 起 来 的 网 连 网 。 

计算 机 网 络 .互联 网 和 因特网 的 结构 见 图 1-5。 图 1-5(a) 示 意 了 一 个 计算 机 网 络 ， 
图 1-5(b) 显 示 了 一 个 简单 的 互联 网 ,图 1-5(c) 为 因特网 示意 图 。 

因特网 集合 了 全 球 大 量 的 信息 资源 ,是 信息 时 代 人 们 交流 信息 不 可 缺少 的 手段 和 途 
径 。 与 Internet 相连 的 任何 一 台 计 算 机 ,都 被 称 为 主机 。Internet 技术 主要 有 以 下 特点 : 
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(0) 因特网 示意 图 
图 1-5 网 络 结构 


。 采 用 标准 协议 一 一 TCP/IP 协议 ,可 使 网 上 各 种 不 同 的 计算 机 进行 通信 。 

。 通过 路 由 器 实现 不 同 网 络 互 联 。 

提供 了 建立 在 TCP/IP 协议 基础 之 上 的 WWW 浏览 服务 。 

应 用 DNS 域名 解析 系统 完成 网 络 计算 机 之 间 的 地 址 解析 (地 址 查找 ) 工 作 。 
Internet 也 可 以 定义 为 使 用 TCP/IP 协议 由 路 由 器 连接 起 来 的 覆盖 全 球 的 网 络 系统 。 
注意 : Internet 是 用 TCP/IP 协议 联系 起 来 的 全 球 互 联网 ,而 Web( 万 维 网 ) 是 建立 

在 Internet 之 上 的 一 种 重要 应 用 ,两 者 在 概念 上 是 有 区 别 的 。 
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2.Internet 提供 的 基本 服务 

Internet 已 经 深入 到 人 们 和 生活、 工作、 学 习 、 娱 乐 的 各 个 方面 ,目前 已 开发 了 大 量 的 
Internet 应 用 。 它 提供 的 主要 服务 如 下 。 

(1 )WWVW 

WWW 是 Internet 上 最 方便 .最 受 欢迎 的 信息 服务 类 型 , 它 是 在 Internet 上 运行 的 信 
息 服务 系统 。WWW 上 集中 了 大 量 的 信息 资源 ,信息 分 布 在 世界 各 地 的 联网 主机 上 。 
WWW 提供 信息 服务 .在线 影片 .音乐 欣赏 ,网 络 传真 和 网 上 购物 等 服务 。 

(2) E-mail(Electronic Mail) 

电子 邮件 又 称 电子 信箱 , 简称 E-mail, 是 Internet 提供 的 一 项 基本 服务 ,也 是 
Internet 上 使 用 最 广泛 的 一 种 服务 。 它 可 以 发 送 文本 文件 .图 片 和 程序 等 。 它 是 网 上 的 
邮政 系统 ,是 一 种 以 计算 机 网 络 为 载体 的 信息 传输 方式 。 通 过 电子 信箱 地 址 ,人 们 可 以 在 
互联 网 上 快速 ,简便 地 交换 电子 邮件 。 

(3) 信息 检索 

Web 上 搜索 信息 的 工具 称 为 搜索 引擎 ,目前 使 用 较 多 的 搜索 引擎 有 百度 搜索 引擎 
(www. baidu. com. cn)、 谷歌 搜索 引擎 (www. google. com) 等 。 

(4) 文件 传输 (File Transfer Protocol,FTP) 

文件 传输 服务 也 是 Internet 的 基本 功能 之 一 ,FTP 服务 允许 Internet 用 户 将 一 台 计 
算 机 上 的 文件 传送 到 另 一 台 计算 机 上 。 相 当 于 每 台 联 网 的 主机 都 拥有 了 一 个 巨大 容量 的 
备份 文件 库 。FTP 可 以 在 Internet 上 传输 任何 类 型 的 文件 ,如 文本 文件 二进制 文件 .图 
像 文件 .声音 文件 和 数据 压缩 文件 等 。 FTP 服务 有 两 种 类 型 ,普通 FTP 服务 和 匿名 
(anonymous)FTP 服务 。 普 通 FTP 服务 向 注册 用 户 提 供 文 件 传 输 服 务 ,匿名 FTP 向 任 
何 Internet 用 户 提 供 文 件 传 输 服 务 。 

(5) 远程 登录 (Telnet) 

Telnet 是 远程 终端 协议 ,Internet 客户 可 以 使 用 Telnet 命令 使 自己 的 计算 机 进入 远 
程 主机 系统 。 使 用 Telnet 命令 与 远程 主机 建立 连接 后 ,客户 在 本 地 的 键盘 操作 传 到 远程 
主机 ,远程 主机 的 输出 返回 本 地 主机 屏幕 ,客户 会 感觉 自己 在 直接 操作 远程 主机 ,使 用 远 
程 主机 的 资源 和 应 用 程序 。 

(6) 电子 公告 栏 (Bulletin Board System,BBS) 

BBS 是 Internet 上 的 一 种 电子 信息 服务 系统 。 它 提供 一 块 公共 电子 白板 ,每 个 用 户 
都 可 以 在 上 面 发 布 信息 并 提出 自己 的 观点 。 电 子 公 告 栏 可 以 按 不 同 的 主题 .分 主题 形成 
多 个 布告 栏 。BBS 允许 用 户 上 传 和 下 载 文件 ,讨论 和 发 布 通告 等 ,是 网 民 们 交流 信息 , 讨 
论 问题 的 理想 场所 。 

(7) 网 络 新 闻 (Usenet) 

Usenet 是 针对 某 个 主题 的 网 上 新 闻 组 。 新 闻 组 可 以 使 趣味 相同 的 人 们 通过 电子 邮 
件 和 电子 公告 栏 讨 论 共 同 关心 的 问题 。 加 入 某 个 新 闻 组 后 ,可 以 浏览 新 闻 组 中 的 文章 , 回 
复 他 人 的 文章 ,也 可 以 发 布 自己 的 文章 。 

(8) 网 上 电话 与 网 上 视频 

在 Internet 上 打 电 话 , 费 用 比 一 般 的 电话 要 少 得 多 。 网 上 电话 可 使 用 普通 电话 机 、 专 
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用 的 IP 电话 机 ,也 可 以 使 用 多 媒体 电脑 代替 电话 机 。 如 果 使 用 多 媒体 电脑 来 打 电 话 ,在 
使 用 前 ,需要 正确 安装 声卡 .音箱 ,麦克风 并 运行 相应 软件 (例如 IP Phone) 。 

利用 Internet, 还 可 以 收发 传真 ,在 高 速 宽带 的 网 络 环境 下 收看 广播 视频 节目 ,举行 
远程 视频 会 议 ,进行 远程 诊断 等 。 

(9) 电子 商务 (E-Commerce) 

在 Internet 上 可 以 实施 基于 Web 的 商务 活动 ,任何 通过 Internet 进行 的 产品 或 服务 
的 销售 行为 ,都 属于 电子 商务 范畴 ,这 些 商务 活动 可 以 有 B2B( 商 家 对 商家 ) .B2C( 商 家 对 
客户 )、B2G( 商 家 对 政府 ) 等 多 种 形式 。 网 上 在 线 交 易 方 便 、 价 格 低廉 ,是 Internet 上 增长 
很 快 的 领域 。 

(10) 电子 政务 (E-Government) 

电子 政务 是 一 个 广义 的 词汇 ,主要 用 于 网 上 办 公 、 网 上 审批 ,信息 发 布 和 应 急 指 挥 等 。 
电子 政务 的 核心 价值 在 于 : 改进 办 事 方式 ,提高 工作 效率 和 推动 职能 转变 等 。 

随 着 Internet 的 发 展 , 它 提供 的 服务 还 在 不 断 增 长 ,应 用 领域 也 在 不 断 扩 大 。 

(11) 博客 (Web Log) 和 微 博 (MocrobLog) 

用 户 可 以 直接 进入 一 些 门户 网 站 的 博客 页 面 ,注册 为 博客 。 在 博客 中 可 发 布 信息 , 供 
访问 者 浏览 ;访问 人 也 可 以 发 表 自 己 的 观点 ,进行 交流 。 博 客 有 些 类 似 于 个 人 网 站 ,但 是 
个 人 网 站 需要 租用 空间 和 域名 ,需要 简单 的 开发 ,需要 一 定 的 经 济 成 本 和 技术 基础 。 博 客 
利用 了 门户 网 站 的 资源 ,只 要 具有 基本 的 上 网 操作 技能 即 可 。 

微 博 是 微型 博客 , 微 博 主要 针对 某 个 主题 ,发布 现场 感受 , 片 言 碎 语 即 可 ,自由 、 简 单 、 
随意 ,很 受 网 民 喜 爱 , 使 用 者 众多 。 

C12) QQ 

QQ 是 一 种 即时 通信 (Instant Massager,IM) 服 务 。 即 时 通信 和 是 因特网 中 广泛 使 用 的 
一 种 服务 ,上 网 用 户 通 过 即时 通信 可 以 实现 实时 交谈 、 互 传 信息 、 数 据 交 换 、 语 音 聊 天 、 网 
络 会 议 . 电 子 邮 件 ,视频 电话 等 。 

参与 即时 通信 系统 的 客户 首先 需要 在 即时 通信 服务 器 (IM 服务 器 ) 中 注册 ,成 为 即 
时 通信 系统 的 一 员 。 当 用 户 A 上 网 时 ,即时 通信 客户 端 软件 将 与 IM 服务 器 联系 ,报告 自 
己 处 于 “在 线 ” 状 态 ,使 用 的 IP 地 址 以 及 将 来 准备 用 于 P2P 即时 通信 所 用 来 侦 听 的 TCP/ 
UDP 端口 号 。IM 服务 器 检查 用 户 A 的 好 友 表 ,并 将 用 户 A 好 友 的 状态 信息 反馈 给 客户 
A, 同 时 将 客户 A 的 在 线 状 态 通知 客户 A 的 好 友 。 如 果 客 户 C 是 客户 A 的 好 友 并 且 在 
线 ,客户 A 就 可 以 与 客户 C 进行 即时 通信 了 。 由 于 两 个 客户 端 之 间 是 通过 对 方 的 IP 地 
址 和 端口 建立 起 P2P 连接 ,连接 后 二 者 之 间 的 通信 就 不 需要 通过 服务 器 了 。 

自 1996 年 第 一 个 即时 通信 软件 ICQ 诞生 起 ,各 式 各 样 的 IM 如 雨后春笋 一 样 诞生 
了 ,如 腾讯 QQ 微软 MS、 网 易 POP ICQ ,雅虎 通 等 。 

(13) 移动 网 络 

移动 网 络 将 移动 通信 和 互联 网 结合 为 一 体 , 移 动 通信 设备 相当 于 微型 终端 设备 ,最 常 
用 的 是 手机 ,手机 功能 日 趋 强大 ,就 是 一 部 掌上 电脑 。 由 于 移动 网 络 的 用 户 数量 十 分 庞大 
(截至 2012 年 9 月 底 ,全 球 移 动 网 络 用 户 已 达 15 亿 ) ,移动 通信 和 互联 网 已 成 为 当今 世界 
发 展 最 快 市场 潜力 最 大 、 前 景 最 诱 人 的 两 大 业务 。 
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无 线 应 用 协议 (Wireless Application Protocol, WAP) 是 一 种 使 移动 用 户 使 用 无 线 设 
备 (例如 移动 电话 ) 随 时 使 用 互联 网 的 信息 和 服务 的 开放 的 规范 。WAP 使 微型 无 线 终端 
设备 获得 了 类 似 浏览 器 的 功能 。 

移动 网 络 的 主要 业务 有 移动 社交 移动 广告 .手机 游戏 .手机 电视 ,移动 电子 阅读 、 移 
动 定位 服务 .手机 搜索 ,移动 支付 移动 电子 商务 等 。 


1.2.3 TCP/IP 协议 


为 共享 计算 机 网 络 的 资源 ,在 网 上 交换 信息 ,计算 机 之 间 的 数据 通信 必须 遵守 某 种 事 
先 约定 好 的 规则 。 这 些 规则 约定 了 交换 数据 的 格式 ,控制 信息 的 结构 与 格式 和 响应 种 类 ， 
这 些 规则 就 是 网 络 协议 (Network Protocol) ,简称 协议 。 

TCP/IP 是 英文 Transportation Control Protocol/Internet Protocol 的 缩写 ,意思 是 
传输 控制 协议 /网 际 协议 。TCP/IP 协议 是 实现 国际 互联 网 的 连接 性 和 互 操作 性 的 关键 
协议 ,是 Internet 上 所 有 计算 机 进行 信息 交互 和 传输 所 采用 的 协议 ,也 是 Web 服务 器 与 
其 他 网 络 计算 机 互 连 的 基本 通信 协议 。 

TCP/IP 协议 拥有 一 套 完 整 而 系统 的 协议 标准 , 它 实 际 上 由 一 组 协议 构成 , 称 为 
TCP/IP 协议 族 , 其 中 最 主要 的 两 个 协议 是 TCP 协议 和 IP 协议。TCP/IP 协议 一 般 分 为 
4 层 , 其 功能 见 表 1-1。 

表 1-1 TCP/IP 各 层 的 主要 功能 


层 的 名 称 功能 简 述 

应 用 层 向 用 户 提 供 一 组 常用 的 应 用 程序 ,如 文件 传输 ,电子 邮件 等 。 

运输 层 (TCP) 提供 端 到 端的 数据 传输 服务 。 

网 际 层 (IP) 定义 数据 报 ,处 理 路 由 。 

网 络 接口 层 接收 网 际 层 数据 报 , 通 过 网 络 发 送 ; 从 网 络 上 接收 数据 送 交 网 际 层 。 


TCP/IP 协议 的 主要 功能 如 下 。 


1. 应 用 层 

应 用 层 是 TCP/IP 协议 的 最 高 层 , 它 提供 常用 的 应 用 程序 ,主要 协议 如 下 。 

Telnet: 虚拟 终端 协议 ,提供 远程 登录 功能 。 

FTP: 文件 传输 协议 ,控制 两 台 主 机 之 间 文 件 的 交换 。 

SMTP: 简单 电子 邮件 传输 协议 ,实现 互联 网 中 电子 邮件 的 收发 功能 。 

DNS: 域名 服务 协议 ,实现 网 络 设备 域名 到 IP 地 址 的 转换 功能 。 

HTTP: 超 文 本 传输 协议 ,在 客户 机 浏览 器 和 服务 器 之 间 传 输 Web 文档 。 

2. 运输 层 

运输 层 也 称 TCP 层 ,主要 负责 应 用 进程 之 间 端 到 端的 通信 ,主要 协议 如 下 。 

TCP: 传输 控制 协议 ,提供 面向 连接 的 可 靠 的 数据 传输 服务 。 

UDP: 用 户 数据 报 协议 , 它 是 一 个 面向 无 连接 的 协议 。UDP 协议 不 采用 复杂 的 数据 
可 靠 性 保护 机 制 , 不 支持 数据 丢失 和 数据 报 重 传 处 理 。 需 要 可 靠 数 据 传输 时 ,不 能 使 用 
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UDP 协议 ,而 应 使 用 TCP 协议 。 


3. 网 际 层 

网 际 层 也 称 IP 层 , 负 责 互联 网 中 计算 机 之 间 的 通信 ,主要 协议 如 下 。 

IP: 网 际 协 议 ,IP 协议 为 每 个 数据 包 写 上 发 送 主 机 和 接收 主机 地 址 ,负责 在 网 络 上 传 
输 由 TCP 或 UDP 装配 的 数据 包 。 它 的 主要 功能 是 : 管理 Internet 中 的 地 址 ;路 由 选择 ， 
在 源 方 和 目的 方 之 间 选 择 一 条 最 佳 路 径 ;数据 报 的 分 片 与 重组 。 

ICMP: 控制 报 文 协议 ,用 于 报告 差错 和 传输 控制 信息 。 

ARP: 地 址 转换 协议 ,负责 将 IP 地 址 转换 为 计算 机 物理 地 址 。 

RARP: 反 向 地 址 转换 协议 ,将 计算 机 的 物理 地 址 转换 为 IP 地 址 。 


4. 网 络 接 口 层 
网 络 接 口 层 的 主要 功能 是 : 接收 网 际 层 的 IP 数据 报 , 通 过 网 络 向 外 发 送 ;接受 处 理 
从 网 络 上 传 来 的 物理 帧 ,抽出 IP 数据 包 , 向 网 际 层 发 送 。 它 是 主机 与 网 络 的 实际 连接 层 。 


1.3 IP 地 址 .域名 和 URL 


Internet 对 网 络 资 源 的 定位 是 由 一 长 串 数字 (IP 地 址 ) 来 实现 的 。 由 于 IP 地 址 不 易 
记忆 ,人 们 使 用 域名 解析 系统 ,为 每 台 主 机 指定 易于 记忆 的 名 字 ( 主 机 名 /域名 ) 与 IP 地 址 
对 应 。 也 就 是 说 ,网 上 的 主机 既 可 以 使 用 IP 地 址 定位 ,也 可 以 使 用 主机 名 /域名 定位 。 


1.3.1 IP 地 址 


1. IP 地 址 的 作用 

Internet 是 网 络 的 网 络 ,连接 了 海量 主机 (或 设备 ) 。 为 了 识别 网 上 主机 或 设备 ,人 们 
为 每 台 主 机 (或 设备 ) ,分 配 了 一 个 在 Internet 唯一 的 32 位 二 进 制 数 (IPv4) 或 128 位 二 进 
制 数 (IPv6), 即 主机 的 IP 地 址 。 所 以 Internet 上 每 台 主 机 或 设备 都 有 一 个 IP 地 址 ,根据 
IP 地 址 ,可 以 找到 相应 的 主机 或 设备 。 

注意 : 当 一 台 服务 器 提供 多 个 服务 时 ,为 使 用 方便 ,可 以 为 每 个 服务 指定 一 个 IP 地 
址 。 一 台 主 机 对 应 多 个 IP 地 址 ,这 些 IP 地 址 在 Internet 上 也 必须 是 唯一 的 。 


2. IP 地 址 表示 法 
IPv4 地 址 采用 “点 分 十 进 制 表示 法 。 它 由 一 个 4 个 字 节 32 位 的 二 进 制 数组 成 ,为 
阅读 方便 转换 成 4 组 十 进 制 数 。 例 如 : 
二 进 制 表示 11001010 01100000 00111101 10101000 
4 组 十 进 制 数 IP 地 址 202 96 61 168 
IP 地 址 由 网 络 地 址 和 主机 地 址 两 部 分 组 成 。 网 络 地 址 标识 该 主机 所 在 的 网 络 ,主机 
地 址 标识 该 主机 在 该 网 络 中 的 位 置 。 
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网 络 地 址 Cnetid) 主机 地 址 (hostid) 


IP 地 址 的 层次 结构 具有 两 个 重要 特性 : 

。 为 每 台 主 机 分 配 一 个 唯一 的 地 址 。 

。 网 络 号 必须 全 球 统一 分 配 ,主机 号 由 本 地 分 配 ,不 需要 全 球 统一 分 配 。 

为 解决 IPv4 的 32 位 地 址 不 够 使 用 和 分 配 不 均 问题 ,人 们 又 开发 了 IPv6。IPv6 地 址 
是 128 位 二 进 制 数字 ,采用 冒号 分 割 的 十 六 进 制 数 表示 。 例 如 ,68E6: 8C64: FFFF: 
FFFF: 0: 1180: 960A: FFFF。IPv6 有 巨大 的 地 址 空间 ,目前 已 在 逐渐 推广 使 用 。 

3. 5 类 IP 地 址 

网 络 的 IP 地 址 有 5 类 : A,B,C,D,E, 其 中 A、B、C 类 是 常用 网 络 地 址 。A 类 地 址 用 
于 大 型 规模 网 络 ,B 类 地 址 用 于 中 型 规模 网 络 ,C 类 地 址 用 于 较 小 规模 的 网 络 ,D 类 和 下 
类 地 址 是 一 些 特殊 类 型 的 IP 地 址 。IP 地 址 格式 见 表 1-2。 


表 1-2 IP 地址 格式 


字 节 1 字 节 2 字 节 3 字 节 14 
0 1 2 3 | 4 5 6 1.7 18 15 | 16 23 | 24 31 
A 类 | 0 1 网 络 号 (8 位 ) 主机 号 (24 位 ) 
B 类 :1 0 网 络 号 (16 位 ) 主机 号 (16 位 ) 
C 关 |1 1 0 网络 号 24 位 ) 主机 号 (8 位 ) 
D 类 |1 ji1 0 ， 多 播 地 址 (32 位 ) 
E 类 |1 1 1 1 保留 地 址 ( 供 实验 和 将 来 使 用 ) 


表 1-3 ”IP 地址 范围 


类 别 最 多 网 络 数 网 络 号 范围 最 多 主机 数目 
A 126(27 一 2) 1 一 126 16 777 214(2* 一 2) 
B 16 383(24 一 1) 128, 1~191, 255 65 534(2™ —2) 
C 2097 151(22 一 1) 192. 0. 1 一 223. 255. 255 254(2: —2) 


4. 几 个 特殊 意义 的 IP 地 址 

以 下 几 个 有 特殊 意义 的 IP 地 址 不 能 用 于 网 络 的 主机 地 址 。 

(1) 广播 地 址 

主机 地 址 位 全 是 1, 表示 网 上 所 有 的 主机 ,可 以 向 网 上 所 有 的 主机 发 送信 息 。 例 如 ， 
148. 08. 255. 255 表示 向 148. 08 网 上 的 所 有 主机 发 信息 。 

(2) 本 地 网 络 地 址 

IP 地 址 中 主机 地 址 位 都 是 0, 表示 本 地 网 络 地 址 。 例 如 148. 08. 0. 0 表示 一 个 B 类 网 
地 址 148. 08。 
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(3) 回放 地 址 
127. 0.0. 1 称 为 本 机 回放 地 址 ,用 于 网 络 软件 测试 及 本 地 机 进程 间 通 信 的 地 址 。 应 
用 程序 发 往 该 地 址 的 信息 被 交 回 给 本 机 的 应 用 程序 ,不 进行 任何 网 络 传送 。 


5. 子 网 掩 码 

把 A、B 或 C 类 网 进行 子 网 划分 ,可 以 充分 利用 IP 地 址 资源 ,为 更 多 的 主机 分 配 IP 
地 址 。 子 网 划分 把 网 络 的 两 级 结构 转换 成 三 级 结 | E 
构 , 把 主机 地 址 的 部 分 位 拿 出 来 ,作为 子 网 地 址 ， < 
如 图 1-6 所 示 。 

子 网 抢 码 可 以 把 一 个 IP 地 址 分 解 为 对 应 的 “三 级 地址 | 由 络 号 区 网 导 | 主轴 | 
网 络 地 址 . 子 网 地 址 及 主机 地 址 。 子 网 掩 码 是 一 图 1-6 三 级 子 网 结构 图 
个 4 字 节 二 进 制 数 ,网 络 号 和 子 网 号 部 分 全 为 1， 
主机 号 部 分 全 是 0, 经 过 与 IP 地 址 进行 “与 ?运算 后 得 出 网 络 号 . 子 网 号 和 主机 号 。 例 如 ， 
已 知 网 络 的 IP 地址 202. 204. 224. 198, 子 网 掩 码 255. 255. 255. 224, 求 其 网 络 号 . 子 网 号 
和 主机 号 ,运算 结果 的 网 络 号 是 202. 204. 224 , 子 网 号 为 6, 主 机 号 也 是 6, 见 图 1-7。 


IP 地 址 202.204.224.198 11001010 11001100 11100000 |110|00110 
子 网 掩 码 255.255.255.224 1111111 11111111 11111111 |111|00000 


图 1-7 子 网 掩 码 


6. IP 地 址 的 使 用 与 企业 网 IP 地 址 规划 

(1) 根据 IP 地 址 判断 其 网 络 类 别 、 网 络 地 址 和 主机 地 址 

已 知 主机 的 IP 地 址 为 206. 196. 0. 133, 子 网 掩 码 是 255. 255. 255.0, 请 确定 该 主机 所 
在 网 络 的 类 别 ,网络 号 及 它 的 主机 号 。 判 断 步骤 如 下 。 

@ 把 4 组 十 进 制 数 转变 为 4 字 节 32 位 的 二 进 制 数 。 

4 组 十 进 制 数 : 206 i 196 0 . 133 

32 位 二 进 制 数 : 11001110 11000100 00000000 10000101 

@ 确定 网 络 类 别 。 

对 照 表 1-2 ,第 1 字 节 是 11001110 , 它 的 第 0.1、.2 位 是 110, 所 以 该 主机 所 在 网 络 的 类 
别 是 C 类 。 

@ 确定 网 络 号 。 

C 类 网 的 前 3 个 字 节 是 它 的 网 络 号 : 206. 196. 0。 

@ 确定 主机 号 。 

C 类 网 的 主机 地 址 是 第 4 字 节 ,所 以 它 的 主机 号 是 10000101 ,转化 为 十 进 制 数 为 133。 

结论 : 该 主机 是 C 类 网 206. 196. 0 中 的 133 号 主机 。 

(2) 根据 IP 地 址 和 子 网 掩 码 判断 其 网 络 类 别 .网 络 号 . 子 网 号 和 主机 号 

假设 已 知 网 络 IP 地 址 和 子 网 掩 码 如 下 。 
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IP 地 址 11000000. 01001111. 00101110. 01100001 198.79.46.97 

子 网 掩 码 ”11111111. 11111111. 11111111. 11100000 255. 255. 255. 224 

试 确定 该 主机 所 在 网 络 的 类 别 、 网 络 号 . 子 网 号 及 它 的 主机 号 。 判 断 步骤 如 下 : 

Q@ IP 地 址 的 前 三 位 是 110 ,说 明 该 地 址 是 一 个 C 类 地 址 。 

@ 前 三 个 字 节 标识 网 络 地 址 ,网 络 号 是 198. 79. 46 。 

@ 后 一 个 字 节 标识 主机 ,对 照 子 网 掩 码 的 最 后 一 个 字 节 ,前 三 位 是 1 后 五 位 是 0, 所 
以 子 网 编号 占 三 位 ,主机 地 址 占 5 位 。 根 据 IP 地 址 最 后 一 字 节 的 前 3 位 是 011, 后 5 位 是 
00001, 所 以 辨认 出 子 网 编号 是 3 ,主机 编号 是 1 。 

结论 : IP 地 址 198. 79. 46. 97 标识 的 是 C 类 网 络 198. 79. 46 的 3 号 子 网 的 1 号 主机 。 

(3) 为 单位 规划 IP 地 址 

请 为 管理 学 院 规划 IP 地 址 ,该 学 院 有 6 个 局 域 网 ,每 个 局 域 网 最 多 有 26 台 主 机 (或 
网 络 设备 ) 。 规 划 过 程 如 下 : 

Q@ 申请 IP 地 址 。 

管理 学 院 最 多 有 6 个 局 域 网 .156 台 主 机 , 若 为 6 个 局 域 网 申请 6 个 C 类 了 JIP 地 址 , 共 
有 6X254 二 1524 个 IP 地 址 ,实际 使 用 156 个 地 址 ,将 浪费 1368 个 IP 地 址 。 实 际 应 用 
中 ,可 以 使 用 子 网 的 方法 ,使 这 6 个 局 域 网 共用 一 个 C 类 网 的 地 址 。 把 这 6 个 子 网 当 作 一 
个 整体 ,申请 一 个 C 类 IP 地 址 。 假 设 管理 学 院 申请 到 的 C 类 IP 地 址 是 202. 224. 46 。 

@ 确定 子 网 地 址 的 位 数 与 子 网 地 址 。 

子 网 地 址 用 于 标识 管理 学 院内 部 的 不 同 子 网 。C 类 网 的 主机 地 址 占 8 位 。 由 于 该 学 
院 有 6 个 局 域 网 , 子 网 地 址 应 占 3 位 形成 8 个 202 . 224 . 46 . 

网 段 (000-111) ,其 余 5 位 是 子 网 中 的 主机 地 11001010 11100000 ”00101110 。 天 和 检举 
址 。 每 个 子 网 可 以 有 30 个 主机 地 址 ,对 于 该 

学 院 也 够 用 了 。 图 1-8 说 明了 管理 学 院子 网 网 络 地 址 子 网 地 址 主机 地 址 
位 数 与 主机 地 址 位 数 的 分 配 。 图 1-8 子 网 地 址 位 数 与 主机 地 址 位 数 的 分 配 

以 下 列 出 各 子 网 地 址 : 

1 号 子 网 地 址 11001010 11100000 00101110 00000000 202. 224. 46.0 

2 号 子 网 地 址 11001010 11100000 00101110 00100000 202. 224. 46. 32 

3 号 子 网 地 址 11001010 11100000 00101110 01000000 202. 224. 46. 64 

4 号 子 网 地 址 11001010 11100000 00101110 01100000 202. 224. 46. 96 

5 号 子 网 地 址 11001010 11100000 00101110 10000000 202. 224. 46. 128 

6 号 子 网 地 址 11001010 11100000 00101110 10100000 202. 224. 46. 160 

@ 主机 地 址 分 配方 案 。 

以 1 号 子 网 为 例 ,说 明 主 机 地 址 的 分 配 。 

1 号 主机 地 址 ”11001010 11100000 00101110 00000001 202. 224. 46.1 

2 号 主机 地 址 ”11001010 11100000 00101110 00000010 202. 224. 46. 2 

3 号 主机 地 址 ”11001010 11100000 00101110 00000011 202. 224. 46. 3 


26 号 主机 地 址 11001010 11100000 00101110 00011110 202. 224. 46. 26 
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@ 子 网 掩 码 的 确定 
管理 学 院 的 子 网 掩 码 是 : 
1110111; V1111111: 11111111, 11100000 255.255.255. 224。 


1.3.2 域名 


网 上 主机 的 IP 地 址 是 32 位 的 二 进 制 数 ,即使 转换 为 4 组 十 进 制 数 ,也 还 是 不 便 记 
忆 。 为 方便 起 见 , 人 们 为 网 上 的 主机 起 了 易于 记忆 的 名 字 , 称 为 域名 ,并 开发 了 一 个 域名 
解析 系统 (Domain Name System,DNS) ,使 主机 的 域名 与 它 的 IP 地 址 相对 应 。 当 客户 与 
Internet 上 某 台 主机 交换 信息 时 ,只 需要 使 用 域名 ,DNS 会 自动 把 它 转换 成 IP 地 址 ,找到 
这 台 主 机 。 

Internet 上 主机 地 址 的 命名 方法 与 邮政 系统 类 似 , 采 用 层次 树 状 结构 方法 。 寄 信 时 ， 
人 们 要 在 信封 上 写 上 收 信人 地 址 ,国家 、 省 (市 )、 区 .街道 .门牌 号 。 用 英文 书写 信封 时 ,地 
址 要 先 小 后 大 ,以 门牌 号 .街道 .区 ,市 .国家 为 序 。 网 上 地 址 , 即 域名 , 按 先 小 后 大 方式 排 
序 , 即 最 后 是 国家 ,顶级 域名 。 域 (domain) 是 名 字 空 间 中 一 个 可 以 被 管理 的 区 域 , 域 可 以 
划分 为 子 域 , 子 域 还 可 以 继续 划分 ,构成 顶级 域 .二 级 域 、 三 级 域 等 。 

域名 的 结构 : 主机 名 . 三 级 域名 . 二 级 域名 . 顶级 域名 

域名 分 为 4 个 区 域 ,从 左 到 右 表示 的 区 域 范 围 越 来 越 大 。 一 级 域名 又 称 顶级 域名 , 代 
表 国 家 和 组 织 。 如 我 国 的 顶级 域名 是 cn。cn 下 的 二 级 域名 分 为 类 别 域名 和 行政 区 域名 
两 类 。 类 别 域名 有 6 个 ,它们 是 ac( 科 研 机 构 )、com( 商 业 组 织 )、edu( 教 育 机 构 )、gov( 政 
府 部 门 ) .net( 互 联网 络 、 接 入 网 络 的 信息 中 心 和 运行 中 心 )、org( 各 种 非 钥 利 性 组 织 )。 类 
别 域名 还 在 增加 ,如 新 增加 的 TV 域名 等 。 行政区 域名 有 34 个 ,也 就 是 我 国 的 34 个 省 
市 。 三 级 域名 通常 是 组 织 机 构 名 ,一 般 以 各 单位 或 机 构 名 字 的 英文 简写 命名 。CERNET 
网 络 中 心 负责 二 级 域名 edu 下 三 级 域名 的 注册 申请 ,中 国 互联 网 信息 中 心 (CNNIC) 负责 
其 余 39 个 二 级 域名 下 的 三 级 域名 申请 。“ 主 机 名 ”是 第 四 级 域名 ,用 有 意义 的 英文 名 称 代 
表 网 络 上 的 主机 ,主机 较 多 的 单位 第 四 级 域名 可 能 会 进一步 细 分 ,可 分 成 五 级 或 六 级 。 

例如 域名 www. people. com. cn, 其 中 ,cn 为 顶级 域名 ,表示 中 国 ;com 是 二 级 域名 ， 
表示 商业 组 织 ;people 是 三 级 域名 ,组 织 结构 名 ,表示 人 民 网 ;www 是 主机 名 ,表示 人 民 网 
的 www 主机 。 又 如 域名 www.e 一 gov. org. cn 表示 中 国电 子 政务 网 。 

地 址 解析 从 下 至 上 逐 级 进行 。 当 某 一 连 网 单位 内 的 主机 访问 互联 网 上 的 资源 时 , 先 
由 本 单位 的 DNS 解析 其 地 址 ;如 果 该 地 址 在 本 地 DNS 中 找 不 到 , 则 将 此 地 址 交 给 上 级 的 
DNS; 逐 级 上 推 , 直 到 互联 网 的 根 DNS; 如果 还 不 能 找到 , 则 说 明 所 要 求 的 是 一 个 不 存在 
的 地 址 。 


1.3.3 统一 资源 定位 符 URL 


统一 资源 定位 符 (Uniform Resource Locator,URL) 用 来 指明 网 络 资源 在 Internet 上 
的 位 置 和 访问 方法 , 它 的 功能 相当 于 通信 地 址 。URL 能 以 唯一 且 一 致 的 方式 定义 每 个 资 


第 1 章 Web 技 术 概 六 一 一 一 一 一 一 一 一 15 


源 在 Internet 上 的 位 置 。 


1. URL 格式 

由 于 访问 不 同 资源 要 使 用 不 同 的 协议 ,所 以 URL 要 给 出 访问 资源 的 协议 。URL 由 
五 部 分 组 成 :“ 协 议 ”,“: //”,“ 主 机 名 ”,“ 端 口号 ”和 “路 径 ”。 

URL 的 格式 为 : 


访问 方式 | | 服务 器 地 址 ， 域 名 或 IP| | 资源 位 置 


] 一 pa pa 
< 协议 >: //< 主 机 名 >: 端口 号 /< 路 径 /文件 名 > 


例如 : http://www. bta. net. cn:80/software/home. html。 

1) 协议 

协议 表示 取得 资源 的 方法 或 通信 协议 的 种 类 。 访问 Web 站 点 使 用 HTTP 协议 ,其 
他 常见 的 有 news,file、telnet、.FTP、Gopher 等 。 

2) :// 

:// 是 URL 规范 要 求 的 标记 。 

3) 主机 名 

主机 名 是 要 访问 的 服务 器 的 全 名 (服务 器 全 名 包括 域名 和 主机 名 ) ,也 可 以 是 服务 器 
的 IP 地 址 ,表明 服务 器 在 网 络 中 的 位 置 。 例 如 : www. bta. net. cn,202. 106. 196. 56 等 。 

4) 端口 号 

对 某 些 资源 访问 ,需要 给 出 相应 服务 器 提供 的 端口 号 ,以 使 操作 系统 用 来 辨别 特定 信 
息 服务 的 软件 端口 。 例 如 : HTTP 的 标准 端口 号 是 80。 一 般 情 况 下 服务 器 程序 采用 标 
准 的 保留 端口 号 ,所 以 可 以 省 略 端口 号 。 

5) 文件 路 径 

文件 路 径 是 服务 器 上 保存 目标 文件 的 目录 , 它 指定 浏览 器 访问 的 最 终 目标 。 例 如 : 
文件 路 径 software 文件 名 home. html。 


2. URL 的 使 用 

例如 , Internet 上 某 一 资源 的 URL 是 http://www. bta. net. cn/software/home. 
html, 该 URL 告诉 浏览 器 要 访问 的 文件 类 型 是 HTML 文件 ,使 用 HTTP 协议 ,在 名 为 
www. bta. net. cn 服务 器 上 ,访问 /software/ 目 录 下 名 为 home. html 的 文件 。 如 下 是 某 
些 URL 的 例子 : 


telnet://odysseu.bbb.com:70 
http://www.buu.ccom-cn:8080 
ftp://ftp.w3.o0rg/pub/www/doc 


3. 文件 定位 的 几 种 方式 

文件 定位 可 以 有 3 种 方式 : 域名 方式 、IP 地 址 方式 和 文件 目录 方式 。 可 以 在 浏览 器 
的 地 址 栏目 里 使 用 这 3 种 方式 查询 信息 。 例 如 某 服 务 器 的 域名 是 www. bta. net. cn,IP 
地 址 是 : 202. 106. 196. 56 。 在 地 址 栏目 输入 www. bta. net. cn 和 202. 106. 196. 56 都 可 


16 一 web 技术 应 用 基础 (第 3 版 ) 


以 看 到 该 服务 器 的 默认 主页 。 如 果 用 浏览 器 查看 本 机 的 文件 ,在 地 址 中 输入 文件 名 全 名 ， 
如 : c:/webshare/wwwroot/homepage. html, 就 可 以 看 到 homepage 页 面 。 


1.4 Web 基础 知识 


1.4.1 Web 工作 机 制 


Web 是 通过 HTTP 协议 传输 信息 的 。 在 一 次 通信 过 程 中 ,客户 在 浏览 器 端 发 出 请 
求 ,服务 器 端 响应 请 求 ,大致 可 分 9 个 步骤 。 过 程 示意 见 图 1-9, 步 骤 如 下 。 


@ 域 名 解析 加 Web 服务 器 


加 浏览 器 DNS 服务 器 。 查找 文档 


展示 结果 


CURL 请 求 


COHTTP 
响应 报 文 


@ 数 据 库 查询 引 BD 
6 > 国外 
数据 库 服务 器 


COHTTP 


客户 响应 报 文 


浏览 器 回 建立 连接 Web 服 务 器 
www.bta.net.cn 
Q@HTTP 请 求 报 文 202.106.196.56 
es Xx@ 断 开 连 接 一 = 一 = 一 == 一 


图 1-9 Web 的 工作 过 程 


(1) 客户 发 起 请 求 ,在 浏览 器 地 址 栏目 输入 请 求 页 面 URL, 例 如 : http://www. bta. 
net. cn/software/index. html。 

(2) 浏览 器 向 DNS 域名 系统 请 求 ,把 域名 www. bta. net. cn 解析 为 IP 地 址 。 域 名 
系统 解析 出 的 IP 地 址 为 202. 106. 196. 56 。 

(3) 根据 解析 出 的 IP 地址 ,浏览 器 与 服务 器 建立 连接 。 

(4) 浏览 器 发 出 HTTP 请 求 报 文 。 

(5) Web 服务 器 响应 请 求 , 找 到 software 目录 下 的 index. html 文件 。 

(6) 如 果 HTML 页 面 中 租 入 了 JSP、ASP、ASP. NET 或 PHP 程序 , 则 由 Web 服务 
器 运行 这 些 程序 ,把 结果 欣 入 页 面 。 如 果 应 用 程序 包含 对 数据 库 的 操作 , 则 应 用 程序 服务 
器 把 查询 指令 发 送 给 数据 库 驱 动 程序 ,由 数据 库 驱 动 程序 对 数据 库 执行 查询 操作 。 查 询 
结果 返回 给 数据 库 驱 动 程序 ,并 由 驱动 程序 返回 给 Web 服务 器 ,Web 服务 器 将 结果 数据 
嵌入 页 面 。 

(7) Web 服务 器 把 结果 页 面 发 送 给 浏览 器 。 

(8) 浏览 器 与 服务 器 断 开 连 接 。 

(9) 浏览 器 解释 HTML 文档 ,在 客户 端 屏幕 上 展示 结果 。 

注意 : 一 旦 服务 器 响应 了 客户 请 求 , 并 把 结果 发 送 给 客户 ,服务 器 和 客户 之 间 的 连接 
就 被 断 开 ,服务 器 上 不 存储 连接 信息 , 故 HTTP 也 称 为 无 状态 协议 。 
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1.4.2 ”Web 站 点 体系 结构 


1. 浏览 器 /服务 器 /数据 库 服务 器 三 层 结 构 

Web 在 逻辑 上 采用 浏览 器 /服务 器 (Browser/Server, B/S) 结 构 , 常 用 浏览 器 /服务 
器 /数据 库 服 务 器 (Browser/Server/Database Server) 三 层 结构 工作 模式 ,三 层 结构 的 业 
务 逻 辑 与 日 常生 活 中 的 图 书馆 运行 方式 非常 类 似 , 都 具有 三 个 层面 的 工作 。 

1) 图 书馆 结构 

Web 应 用 程序 的 工作 过 程 ,与 读者 在 图 书馆 里 的 借 书 过 程 相似 。 读 者 到 图 书馆 去 借 
书 , 向 图 书 管理 员 提出 借 书 要 求 ,管理 员 根据 读者 要 求 ,提供 服务 ,去 书库 查找 图 书 , 借 给 
读者 。 在 读者 借 书 过 程 中 有 三 个 层面 的 工作 。 

(1) 读者 层面 ,提出 借 书 请 求 。 

(2) 管理 员 层面 ,提供 为 读者 服务 的 功能 ,并 根据 读者 的 要 求 , 去 书库 查找 图 书 , 借 给 
读者 。 

(3) 书库 层面 ,分 门 别 类 存储 图 书 。 

一 般 来 说 ,读者 要 通过 管理 员 借 书 , 不 直接 进入 书库 。 

2) B/S 三 层 结构 

Web 是 建立 在 Internet 之 上 的 一 种 应 用 ,在 逻辑 上 采用 浏览 器 /服务 器 工作 模式 。 
一 般 客户 的 计算 机 称 为 客户 机 ,安装 浏览 器 软件 ;提供 服务 的 机 器 称 为 服务 器 。 客 户 、 服 
务 器 概念 可 以 是 硬件 ,也 可 以 是 软件 ,通常 是 软 、 硬 件 相 结合 的 环境 。Web 以 B/S 方式 工 
作 , 在 客户 主机 上 安装 浏览 器 ,应 用 程序 在 服务 器 上 运行 。 浏 览 器 具有 统一 、 图 形 化 的 界 
面 ,使 用 简单 ,易于 链接 , 深 受 广大 客户 欢迎 。 由 于 所 有 客户 机 的 客户 程序 是 统一 的 浏览 
器 ,所 以 基本 上 不 需要 维护 工作 ,为 系统 的 维护 更 新 省 去 了 大 量 开 销 。 

浏览 器 /服务 器 的 体系 结构 可 划分 为 二 层 结 构 和 三 层 结构 ,基于 Web 的 数据 库 应 用 
系统 ,采用 三 层 结构 ,也 称 浏览 器 /服务 器 /数据 库 服 务 器 结构 。 浏 览 器 是 输入 数据 和 显示 
结果 的 交互 界面 。 在 浏览 器 表单 中 填 人 数据 , 单 击 提交 按钮 ,表单 中 的 数据 被 发 送 到 
Web 服务 器 。Web 服务 器 端 应 用 程序 接受 并 处 理 客户 数据 ,并 从 数据 库 中 查询 客户 数据 
或 把 客户 数据 写 人 数据 库 。 最 后 , Web 服务 器 把 返回 结果 插入 HTML 页 面 , 传 送 到 客户 
端 , 在 浏览 器 中 向 客户 展示 。 

Web 应 用 程序 三 个 层面 的 工作 如 下 。 

(1) 应 用 层 : 包含 客户 端的 客户 界面 和 界面 代码 。 客 户 端 相当 于 读者 。 

(2) 中 间 层 : 应 用 程序 服务 器 端 功能 和 程序 代码 。Web 服务 器 相当 于 图 书 管理 员 。 

(3) 数据 层 : 数据 库 中 的 数据 。 数 据 库 相当 书库 ,是 存储 信息 的 重地 。 

图 1-10(a) 示 意图 书馆 的 借 书 过 程 ,图 1-10(b) 说 明 Web 应 用 程序 的 三 层 结构 。 

3) B/S 三 层 结构 的 优点 

(1) 三 个 层面 的 模块 相互 独立 、 扩 展 方便 ,使 系统 可 扩展 性 较 好 。 例 如 ,数据 库 内 容 
更 新 不 影响 应 用 处 理 逻 辑 , 表 示 层 的 扩展 也 比较 方便 。 

(2) 专门 的 应 用 服务 器 处 理 客户 请 求 , 并 与 数据 库 通信 ,提高 了 数据 库 的 访问 效率 。 
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提出 借 为 读者 藏书 


书 请 求 服务 HTTP 为 客户 
7 请 求 服务 
县 表示 层 中 间 层 数据 层 


读者 图 书 管理 员 。 | 书库 客户 端 Web 服 务 器 。 数据 库 
(a) 图 书馆 的 借 书 过 程 (b) Web 三 层 结构 
图 1-10 Web 三 层 结构 


(3) 系统 维护 升级 简单 。 客 户 机 上 只 需要 安装 运行 浏览 器 ,基本 没有 维护 工作 。 软 
件 的 业务 逻辑 全 在 服务 器 上 进行 。 如 果 软 件 需 要 升级 ,只 要 更 新 服务 器 上 的 软件 即 可 。 


2. Web 站 点 的 集成 

Web 站 点 的 集成 示意 图 见 图 1-11。 虚 线 之 内 代表 一 个 企业 或 ISP 的 内 部 网 络 。 一 
般 来 说 企业 网 有 自己 的 服务 系统 , 它 的 企业 信息 管理 系统 、 企 业 办 公 系 统 、 数 据 库 等 服务 
是 为 企业 内 部 服务 的 。 防 火 墙 将 内 部 网 与 因特网 隔离 ,以 保证 内 部 网 络 系统 的 安全 性 。 


E-mail WWW 其 他 Internet 
服务 器 服务 器 ”服务 器 


企业 信息 。 。 企业 办 企业 内 部 信息 。 财务 
系 


管理 系统 。 公 系统 发 布 系统 。 ”管理 系统 
| 汪 生 本 PP 二 | 
' ' 部 门 1 | | 站 | EE 网 络 打印 机 
| | i | | 
1 1! 1 1 1 1 
加 接 入 交换 机 。 | 1 接 入 交换 机 | 1 接 入 交换 机 | |! 
1 1 1 1 1 1 | 
i | Ee | | 
| DDLDDD OLDSD.. 
I 有 村 | | | | 1 1 
| 客户 端 计算 机 1 客户 端 计 算 机 !) 客户 端 计算 机 1 | 

1 


图 1-11 Web 站 点 集成 示意 图 
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虚线 之 外 的 部 分 是 企业 网 络 系统 提供 的 对 外 的 Mail、WWW、FTP、DNS 等 服务 功 
能 。 这 些 服务 器 或 放 在 防火 墙 的 外 面 ,或 放 在 防火 墙 的 非 军事 化 区 。 它们 的 地 址 对 外 部 
用 户 是 可 见 的 ,以 保证 外 部 用 户 对 这 些 服务 器 的 访问 。 整 个 企业 网 通过 路 由 器 与 因特网 

企业 服务 器 一 般 包 括 : WWW 服务 器 ,用 于 企业 信息 的 对 外 发 布 ;Mail 服务 器 ,用 于 
企业 电子 邮件 系统 与 外 部 的 连接 ;DNS 服务 器 ,为 企业 用 户 提供 因特网 域名 解析 服务 ; 
FTP 服务 为 因特网 用 户 提 供 文件 或 软件 的 上 传 与 下 载 。 


1.4.3 ”Web 应 用 开发 技术 概述 


1. HTML CSS .XML 和 脚本 

1) 超 文本 标记 语言 HTML 

HTML 是 Web 技术 的 基础 。 它 是 一 种 文本 形式 的 标记 符号 语言 ,可 以 使 用 任何 文字 
处 理 软件 编辑 处 理 。 现 已 有 多 种 工具 可 以 完成 可 视 化 的 编程 任务 ,例如 ,Dreamweaver 等 。 

2) CSS(Cascading Style Sheet, 层 至 样式 表 ) 

CSS 控制 整个 页 面 的 结构 和 风格 。 在 HTML 基础 上 ,使 用 CSS 不 但 能 够 统一 、 高 效 
地 组 织 页 面 上 的 元 素 , 还 可 以 使 页 面具 有 多 样 的 外 观 。 

3) XML(extensible Markup Language, 可 扩展 的 源 标记 语言 ) 技 术 

XML 是 可 以 定义 其 他 语言 的 语言 。 它 是 SGML 的 一 个 简化 子 集 ,专门 为 Web 环境 
而 设计 。 应 用 XML 制作 页 面 的 基本 思想 是 : 将 内 容 与 内 容 的 显示 方式 分 别 定 义 ,以 使 内 
容 组 织 人 员 将 精力 集中 于 内 容 本 身 。 

4) 脚本 

脚本 包括 JavaScript 和 VBScript。JavaScript 是 一 种 解释 性 脚本 语言 ,不 需要 编译 ， 
可 以 直接 插入 HTML 文档 中 。 它 比 Java 更 简单 有 效 , 且 具有 Java 的 许多 特性 。 
JavaScript 必须 代入 到 HTML 文档 中 ,随同 页 面 下 载 到 客户 端 ,由 浏览 器 解释 执行 。 使 
用 JavaScript 很 容易 设计 与 用 户 交 互 的 界面 。 

VBScript 是 由 Microsoft 公司 推出 的 Web 编程 语言 。 它 也 是 一 种 脚本 语言 ,继承 了 
很 多 VB 的 语言 特征 。 它 必须 能 入 到 HTML 文档 中 ,随同 页 面 下 载 到 客户 端 , 由 浏览 器 
解释 执行 。VBScript 可 以 和 ActiveX 控件 集成 ,用 于 开发 交互 式 页 面 。 它 也 能 够 进行 服 
务 器 端的 编程 。 


2. ASP 

ASP(Active Server Pages) 技 术 是 Microsoft 公司 在 1996 年 底 推出 的 一 种 开发 服务 
器 端 Web 应 用 程序 的 技术 。ASP 的 主要 特点 是 : 把 HTMIL、 脚 本 和 数据 库 访问 功能 结 
合 在 一 起 ,组 成 在 服务 器 端的 应 用 程序 。ASP 的 编程 语言 是 VBScript 和 JScript, 易 于 掌 
握 ,降低 了 服务 器 端 应 用 的 编程 难度 。ASP 包含 内 置 对 象 . 内 置 组 件 . 外 置 组 件 和 ADO 
数据 库 访 问 接口 。 

当 客 户 端 浏览 器 访问 ASP 页 面 时 ,服务 器 把 ASP 页 面 解释 生成 标准 的 HTML 代码 
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发 送 到 客户 端 浏 览 器 。 

ASP 容易 学 习 , 使 用 方便 ,但 是 有 些 网 络 操作 系统 不 支持 ASP, 所 以 它 一 般 常 与 
Windows 系列 的 操作 系统 配套 使 用 。 在 客户 端 访 问 ASP 时 ,每 次 都 要 解释 一 遍 ,所 以 其 
运行 速度 稍 慢 。 

3. ASP. NET 

ASP. NET 建立 在 . NET Framework 类 的 基础 之 上 ,提供 了 由 控件 和 基础 部 分 组 成 
的 “Web 程序 模板 ”, 大 大 简化 了 Web 程序 和 XML Web 服务 的 开发 。 程 序 员 直 接 面 对 
一 组 ASP. NET 控件 ,控件 由 文本 框 `、 下 拉 菜 单 等 通用 构件 封装 而 成 。 控 件 运行 于 Web 
服务 器 上 ,以 HTML 的 形式 发 送 到 浏览 器 。ASP. NET 使 用 的 语言 是 C# 、VB. NET 和 
JScript. NET。C# 是 微软 公司 为 . NET 开发 的 编程 语言 。ASP. NET 功能 强大 ,开发 简 
单 , 但 是 对 运行 环境 的 要 求 较 高 。 

4. PHP 

PHP(Personal Home Page) 由 创始 人 Rasmus Lerdorf 在 1994 年 提出 ,1995 年 发 布 
第 一 个 公开 版 本 。PHP 是 自由 软件 ,运行 成 本 低 。 与 ASP 技术 类 似 ,PHP 是 服务 器 端 
的 Web 应 用 程序 开发 技术 。 它 具有 多 平台 特性 ,能 够 无 缝 运行 在 Unix、Linux 和 
Windows 平台 上 。 它 支持 多 种 通用 Web 服务 器 (如 IIS,Apache 等 ) ,在 变换 平台 时 ,不 需 
要 改变 PHP 代码 。PHP 对 数据 库 的 操作 具有 很 强 的 兼容 性 ,几乎 支持 所 有 的 主流 和 非 
主流 数据 库 , 如 Oracle、Sybase、MySQL、mSQL 、 PostgreSQL ,informix、Solid、Access 和 
dBase 等 。 

PHP 运行 环境 的 建立 比较 复杂 ,技术 支持 不 够 充分 ,使 得 其 流行 速度 在 放 缓 。 

5. JSP(Java Server Pages) 技 术 

JSP 是 Sun Microsystem 公司 (Sun 公司 已 被 Oracle 收购 ) 在 1999 年 6 月 推出 的 一 
种 动态 网 页 技术 。 在 HTML 页 面 中 加 入 Java 程序 段 和 JSP 标记 就 构成 了 JSP 网 页 。 
JSP 是 基于 Java 的 ,用 于 网 上 应 用 开发 。JSP 的 结构 与 ASP 相似 ,但 JSP 开发 的 Web 应 
用 具有 路 平台 的 特性 ,可 以 在 大 多 数 Web 服务 器 上 运行 。JSP 将 用 户 界面 与 底层 的 应 用 
分 开 ,使 开发 人 员 可 以 在 不 改变 应 用 的 情况 下 改变 页 面 布局 。 由 于 JSP 对 于 建立 商业 级 
的 应 用 具有 独到 的 优势 ,所 以 应 用 日 趋 广泛 。 


6. Servlet 

Servlet 是 运行 在 服务 器 端的 Java 程序 ,本 质 上 是 一 个 特定 的 Java 类 ,符合 Java 的 
技术 标准 ,具有 Java 的 特点 ,例如 路 平台 、 安 全 等 。Servlet 的 关键 要 点 是 可 以 响应 客户 
HTTP 请 求 ,处 理 客户 端 应 用 程序 的 请 求 ,增强 了 服务 器 的 功能 。Servlet 调用 Java 
Servlet API 提供 的 方法 编写 Servlet 程序 ,编译 后 把 Servlet 程序 生成 的 字 节 码 文件 存放 
到 服务 器 的 相应 目录 中 ,就 可 以 响应 客户 请 求 了 。 

在 实际 应 用 中 常 采用 JSP 十 Servlet 或 JSP 十 Servlet 十 JavaBean 工作 模式 ,JSP 和 
Servlet 各 有 侧重 。JSP 的 重点 在 于 页 面 表现 ,Servlet 的 重点 是 业务 逻辑 处 理 。 
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1.5 数据 库 访问 技术 


数据 库 技术 是 信息 系统 的 核心 技术 和 基础 技术 ,也 是 Web 技术 的 一 个 重要 组 成 。 数 
据 库 是 存放 数据 的 仓库 。 数 据 库 管理 系统 是 一 个 系统 软件 , 它 的 主要 作用 是 科学 地 组 织 
和 存储 信息 ,高 效 地 获取 和 维护 信息 。 数 据 库 系 统 是 指 在 计算 机 系统 中 引入 数据 库 后 的 
系统 ,一 般 由 数据 库 ,数据库 管理 系统 .应 用 系统 ,数据库 管理 员 和 用 户 组 成 。 


1.5.1 Web 方式 访问 数据 库 


为 科学 高 效 地 组 织 与 管理 信息 , Web 站 点 中 的 资源 大 多 存储 在 Web 站 点 的 数据 库 
中 。 数 据 库 技术 适用 于 大 量 数 据 的 存储 与 管理 , Web 具有 友好 的 用 户 图 形 界面 及 简便 的 
信息 发 布 途径 ,所 以 Web 技术 与 数据 库 技术 相 结合 ,以 Web 方式 访问 数据 库 , 将 使 它们 
的 优势 共同 提升 , 既 可 以 充分 利用 大 量 已 有 的 数据 库 信息 资源 ,又 可 以 使 用 浏览 器 方便 地 
应 用 数据 库 的 资源 。 

与 传统 的 数据 库 访 问 技术 相 比 ,Web 数据 库 访问 技术 的 特点 如 下 : 

(1) 客户 端 统一 的 界面 。 在 客户 端 使 用 浏览 器 ,使 用 者 只 需要 掌握 浏览 器 界面 的 应 
用 技术 即 可 ,大 大 降低 了 用 户 的 使 用 难度 。 

(2) 统一 的 开发 标准 。HTML 是 Web 信息 的 组 织 方式 ,是 一 种 国际 标准 ,Web 服务 
器 与 浏览 器 都 遵循 该 标准 。 基 于 数据 库 的 应 用 都 可 以 通过 浏览 器 来 实现 ,通过 Web 来 访 
问 数据 库 。 开 发 者 需要 掌握 的 主要 技术 标准 是 HTML, 这 在 很 大 程度 上 降低 了 开发 难 
度 , 同 时 也 减少 了 开发 成 本 。 

(3) 跨 平台 运行 。 由 于 采用 了 统一 的 标准 ,使 用 HTML 标准 开发 的 数据 库 应 用 ,可 
以 跨 平台 运行 ,减少 了 开发 的 工作 量 。 


1.5.2 Web 数据 库 访问 的 工作 机 制 


通常 Web 数据 库 技术 应 用 三 层 或 多 层 的 体系 结构 ,前 端 采用 瘦 客 户 机 技术 ,通过 
Web 服务 器 和 中 间 件 访问 数据 库 。 它 的 体系 结构 见 图 1-12。 


人 _ 
中 间 件 一 一 让 数据 库 


图 1-12 ”Web 数据 库 的 体系 结构 


中 间 件 是 Web 服务 器 与 数据 库 服务 器 之 间 的 桥梁 ,负责 它们 之 间 的 通信 并 提供 应 用 
程序 服务 。 中 间 件 可 以 直接 调用 脚本 或 外 部 程序 来 访问 数据 库 , 并 将 访问 结果 转换 成 
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HTML 格式 ,通过 Web 服务 器 返回 给 客户 端 浏览 

在 数据 库 访问 应 用 中 ,一 般 使 用 SQL(Structured Query Language, 结 构 化 查询 语 
言 ) 实 现 对 数据 库 的 操作 。 

常见 的 数据 库 开 发 技术 有 CGI 技术 .服务 器 API 技术 .ASP/ASP. NET 技术 .PHP 
技术 和 JSP 技术 等 ,ASP/ASP. NET、PHP 和 JSP 也 称 为 服务 器 端 脚本 编程 技术 ,具有 和 运 
行 速度 快 . 数 据 库 操作 功能 强 的 特点 。 


1.5.3 常用 Web 数据 库 访问 技术 


1. JSP 技术 

JSP 是 根植 于 Java 的 一 种 动态 网 页 制作 和 Web 数据 库 信息 发 布 技术 。 通 过 在 
HTML 页 面 中 嵌入 Java 程序 段 和 JSP 标记 ,实现 在 网 页 中 发 布 数据 库 信 息 。 

JSP 技术 具有 很 好 的 跨 平台 特性 ,一 次 编写 ,各 处 运行 , 依赖 于 可 重用 、 跨 平台 的 组 
件 (JavaBeans 或 Enterprise JavaBeansTM 组 件 ) 执 行 应 用 程序 的 复杂 处 理 , 数 据 库 操作 
功能 强大 ,具有 Java 的 优势 。 

JSP 访问 数据 库 的 机 制 见 图 1-13。 


@ 触 发 @JSP 引 ||@ 访 问 数据 库 ， 
JSP 引 擎 你 翻译 并 返回 结果 
COJSP 请 求 
Servlet 


六 Web 服 务 器 数据 库 
浏览 中 「 返回 结果 ° 服务 器 


图 1-13 JSP 访问 数据 库 的 机 制 


JSP 的 工作 过 程 如 下 : 

(1) 在 客户 浏览 器 地 址 栏目 输入 要 请 求 * .jsp 页 面 的 URL ,发 出 一 个 JSP 请 求 。 

(2) Web 服务 器 接受 扩展 名 为 “. jsp” 的 请 求 ,触发 JSP 引擎 。 

(3) JSP 引擎 检查 JSP 文件 是 新 的 还 是 修改 过 的 ,针对 不 同情 况 对 文件 进行 翻译 和 
编译 ,把 JSP 标签 Java 代码 HTML 内 容 都 转换 为 Servlet 代码 ,扩展 名 为 “. java” 文 件 。 

(4) 将 产生 的 Servlet 代码 编译 执行 ,访问 数据 库 , 并 获得 访问 结果 。 

(5) 将 结果 返回 客户 浏览 器 ,由 浏览 器 解释 执行 ,展示 结果 。 

因为 servlet 是 编译 过 的 ,所 以 网 页 中 的 JSP 代码 不 需要 在 每 次 请 求 该 页 时 被 解释 一 
遍 。JSP 引擎 只 需 在 servlet 代码 最 后 被 修改 后 编译 一 次 ,然后 这 个 编译 过 的 servlet 就 可 
以 被 执行 了 。 由 于 JSP 引擎 能 自动 生成 并 编译 servlet ,无须 程 序 员 动 手 编译 代码 ,所 以 
JSP 具有 高 效 性 和 快速 开发 所 需 的 灵活 性 。 

2. ASP 技术 

ASP 是 开放 式 Web 服务 器 应 用 程序 开发 技术 , 它 是 一 种 技术 框架 ,是 一 种 服务 器 端 
的 脚本 运行 环境 。 
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ASP 的 主要 功能 是 : 生成 动态 .交互 式 的 Web 服务 器 应 用 程序 。 它 能 够 把 脚本 、 
HTML、 组 件 和 Web 数据 库 访 问 功能 结合 在 一 起 ,形成 一 个 在 服务 器 端 运行 的 应 用 程 
序 , 并 把 结果 转换 成 标准 的 HTML 页 面 返回 客户 端 。ASP 通过 ADO(ActiveX Data 
Object) 访 问 数据 库 。ASP 使 用 脚本 语言 进行 ASP 程序 的 开发 ,例如 VBScript 和 
JavaScript 等 。 在 微软 的 ASP 部 件 中 ,内 置 了 VBScript 和 JavaScript 的 解释 引擎 。 

ADO 是 微软 开发 的 一 套 属于 应 用 程序 级 的 通用 访问 数据 库 编程 接口 。 它 提供 一 
优化 的 访问 数据 库 专 用 对 象 集 ,是 面向 对 象 的 数据 库 连 接 新 技术 ,也 为 ASP 提供 了 完 
的 站 点 数据 库 访问 解决 方案 。ADO 可 连接 多 种 数据 库 管理 系统 ,如 SQL Server .Oracle、 
Informix 等 。ASP 与 ADO 结合 ,在 服务 器 端 脚本 中 ,提供 对 数据 库 的 操作 ,形成 含有 数 
据 库 信息 的 主页 。 通 过 艇 入 SQL 语句 ,使 用 户 可 以 在 浏览 器 端 使 用 和 管理 数据 库 , 通 过 
浏览 器 页 面 输入 、 更 新 和 删除 服务 器 端的 数据 库 的 内 容 。 

在 ASP 中 内 置 了 数据 库 访问 组 件 ADODB, 它 是 属于 数据 库 应 用 的 COM 构件 ,可 以 
在 多 种 环境 下 应 用 ,ADO 通过 它 来 访问 各 种 类 型 的 数据 库 。 各 种 脚本 和 语言 可 以 调用 
ADO 组 件 访 问 数据 库 , 并 利用 相应 的 数据 接口 显示 查询 结果 。ADO 使 用 内 置 的 
RecordSets 对 象 作 为 数据 的 主要 接口 .返回 对 数据 库 的 查询 结果 。ADO 也 可 使 用 
VBScript、JavaScript 语言 来 控制 对 数据 库 的 访问 并 显示 查询 的 结果 。 

ASP 访问 数据 库 的 机 制 见 图 1-14。 


HTTP 
| | es Internet/ 
外 i Intranet 
| 
器 Response JIS 服务器 
图 1-14 ASP 访问 数据 库 的 机 制 


ASP 的 工作 过 程 如 下 。 

(1) 在 浏览 器 地 址 栏 输入 要 请 求 * . asp 页 面 的 URL, 发 出 一 个 ASP 请 求 (Request) 。 

(2) IIS 服务 器 接受 请 求 , 根 据 扩展 名 . asp 识别 出 ASP 文件 ,并 找 出 相应 的 ASP 文件 。 

(3) IIS 服务 器 把 ASP 文件 发 送 到 ASP 引擎 (asp. dll 动态 连接 库 ) 。 

(4) ASP 引擎 将 ASP 文件 从 头 至 尾 解释 处 理 , 调 用 相应 的 脚本 引擎 。 若 脚本 指令 调 
用 了 ADO 组 件 , 则 由 ADO 调用 ODBC ,通过 ODBC 与 后 台数 据 库 相连 。 

(5) 数据 库 管 理 系统 对 数据 库 进 行 操 作 , 并 将 请 求 数 据 通过 数据 库 管 理 系统 传 到 
ASP 引擎 。 

(6) ASP 引擎 将 执行 结果 动态 生成 一 个 HTML 页 面 返回 给 IIS 服务 器 。 

(7) IIS 服务 器 将 HTML 页 面 (Response) 返 回 给 浏览 器 。 

(8) 浏览 器 解释 执行 HTML 页 面 , 并 展示 结果 

3. PHP 技术 

PHP 与 ASP 类 似 , 也 是 一 种 服务 器 端的 脚本 运行 环境 ,可 以 说 它 是 UNIX 系统 上 的 
ASP。 它 与 ASP 的 不 同 点 在 于 : PHP 可 以 跨 多 个 平台 ,在 改变 平台 时 ,不 需要 修改 PHP 
代码 ;PHP 支持 数 种 Web 服务 器 ,如 IS,Apache 等 。 它 对 数据 库 的 操作 功能 十 分 强大 ， 
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优良 的 兼容 性 使 PHP 可 以 操作 当前 几乎 所 有 的 数据 库 , 如 SQL Server、MySQL、Oracle、 
Solid 等 。 

PHP 能 够 把 浏览 器 .OS 平台 、Web 服务 器 和 Web 数据库 技 术 融 合 在 一 起 ,形成 一 个 
理想 的 整体 解决 方案 。PHP 混合 了 C、Java、Perl 以 及 PHP 式 的 新 语法 ,在 保证 最 大 可 
操作 性 的 前 提 下 ,提供 了 上 比 一 般 CGI 更 快 的 速度 。 

PHP 的 主要 技术 特点 如 下 : 

。 具有 良好 的 跨 平台 特性 ,支持 数 种 主流 Web 服务 器 。 

。 属于 开放 资源 软件 ,可 以 在 http://www. php. net 站 点 免费 下 载 。 

。 简单 易学 。 它 也 属于 脚本 语言 ,语法 相当 简单 ,不 需要 很 强 的 语言 基础 。 

。 数据 库 操 作 功 能 强大 。 它 通过 多 种 函数 支持 数 种 主流 和 非 主 流 数 据 库 ,支持 

ODBC 访问 数据 库 技术 。 

。 支持 面向 对 象 的 概念 ,与 C++ 和 Java 类 似 。 

。 使 用 PHP 技术 的 最 佳 组 合 是 : Linux、Apache 和 MySQL。 

PHP 访问 数据 库 的 机 制 见 图 1-15 。 


HTTP 
Request 


HTML 页 面 
Response Web 服 务 器 


图 1-15 PHP 访问 数据 库 的 机 制 


浏览 


PHP 的 工作 过 程 如 下 。 

(1) 在 浏览 器 地 址 栏 输入 要 访问 的 PHP 页 面 的 URL ,发 出 一 个 PHP 请 求 。 

(2) Web 服务 器 接受 该 请 求 , 根 据 扩展 名 . php 识别 出 PHP 文件 ,并 找 出 相应 的 
PHP 文件 。 

(3) Web 服务 器 把 PHP 文件 发 送 到 PHP 引擎 。 

(4) PHP 引擎 将 PHP 文件 从 头 至 尾 进行 扫描 ,根据 命令 连接 后 台数 据 库 。 

(5) 数据 库 管 理 系统 对 数据 库 进 行 操作 ,并 将 请 求 数据 通过 数据 库 管 理 系统 上 传 到 
PHP 引擎 。 

(6) PHP 引擎 将 执行 结果 动态 生成 一 个 HTML 页 面 返回 给 Web 服务 器 。 

(7) Web 服务 器 将 HTML 页 面 返 回 给 浏览 器 。 

(8) 浏览 器 解释 执行 HTML 页 面 ,并 展示 结果 。 


小 结 


Internet 是 一 个 把 世界 范围 内 的 众多 计算 机 、 人 数据库、 软件 和 文件 连接 在 一 起 的 ， 
通过 一 个 共同 的 通信 协议 (TCP/IP 协议 ) 相 互 会 话 的 网 络 。Internet 上 每 台 主 机 或 设备 
都 分 配 有 IP 地 址 ,IP 地 址 与 域名 相对 应 。 网 络 资源 使 用 统一 资源 定位 器 URL 定位 。 
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Web 是 建立 在 Internet 之 上 的 重要 应 用 , 它 具 有 四 个 要 素 : 分 布 式 、 超 媒体 信息 系统 、 超 
文本 传输 协议 HTTP、 超 文本 标记 语言 HTML。 常 用 的 Web 数据 库 访问 技术 有 JSP、 
ASP/ASP. NET、 和 PHP 等 ,它们 各 有 特点 。 


让 


习题 与 实 训 1 


一 、 选 择 题 
以 下 几 个 IP 地 址 中 ,( ”) 是 合法 的 IP 地 址 。 
A. 256.154.21.106 B. 175. 146. 87.8 
CC 12750.051 D. 202. 96. 0. 255 


Cn 


1 
2. 


. HTTP 的 默认 端 号 是 ( ) 。 


A. 80 B. 8080 C. 70 D. 21 


.如 果 网 页 ( ) , 则 该 网 页 是 动态 的 。 


A. 有 GIF 动画 图 片 动 来 动 去 B. 有 动画 广告 飞 来 飞 去 
C. 能 看 影视 .能 与 客户 交互 


.以 下 选项 中 ,( ) 是 不 正确 的 URL。 


A. http://www. google. cn 

B. www. google. cn 

C. http://localhost:8080/bookshop/index. jsp 
D. ftp://ftp. link/down/search. jsp 


.客户 发 出 请 求 .服务 器 端 响应 请 求 的 过 程 中 ,说 法 ( ) 是 正确 的 。 


A. 在 客户 发 起 请 求 时 ,DNS 域名 解析 地 址 前 ,浏览 器 与 服务 器 建立 连接 
B. 客户 在 浏览 器 上 看 到 结果 后 ,释放 浏览 器 与 服务 器 的 连接 

C. 客户 端 直接 调用 数据 库 数 据 

D. Web 服务 器 把 结果 页 面 发 送 给 浏览 器 后 ,浏览 器 与 服务 器 断 开 连 接 


.以 下 说 法 ( ) 是 正确 的 。 


A. 因特网 和 万 维 网 是 一 回 事 

B. 万 维 网 是 网 络 的 网 络 

C. 万 维 网 是 一 个 运行 在 Internet 上 的 全 球 性 分布 式 的 信息 发 布 系统 
D. 万 维 网 是 覆盖 全 球 的 网 络 


、 简 答题 


简 述 名 词 : 万 维 网 、 超 文本 、 超 媒体 HTTP、HTML 和 URL。 
简 述 名 词 : 计算 机 网 络 , 个 人 区 域 网 .局 域 网 .广域网 、 城 域 网 .互联 网 和 因特网 。 


个 人 区 域 网 ,局 域 网 ,广域网 和 城 域 网 的 英文 名 称 和 缩写 是 什么 ? 


3. 
4. 
S 
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Internet 提供 哪些 主要 服务 ? 
简 述 电 子 邮 件 的 收发 过 程 。 
Internet 上 的 主机 指 什么 ? 
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ooo 


10, 


. 简 述 Web 和 Internet 的 区 别 与 联系 。 
. 简 述 IP 地 址 表示 方式 。 
. ASP 与 ASP. NET 技术 有 什么 特点 ? 


静态 网 页 和 动态 网 页 的 区 别 是 什么 ? 
可 以 为 Internet 上 两 台 主 机 分 配 同 一 个 IP 地 址 吗 ? 可 以 为 同一 个 网 络 的 两 台 


主机 分 配 同一 个 IP 地 址 吗 ? 可 以 为 两 个 不 同 网 络 的 两 台 主 机 分 配 相 同 的 主机 地 址 吗 ? 


4 
12. 
13. 


IP 地 址 分 为 哪 几 类 ? 它们 各 自 适 用 于 什么 情况 ? 
为 什么 要 使 用 子 网 掩 码 ? 子 网 掩 码 的 作用 是 什么 ? 
已 知 主机 的 IP 地 址 和 它 的 子 网 掩 码 , 试 确定 该 主机 所 在 网 络 的 类 型 、 网 络 号 . 子 


网 号 和 主机 编号 。 
(1) 主机 IP 地 址 : 200. 196. 0. 134, 子 网 掩 码 : 255. 255. 255. 192。 
(2) 主机 IP 地 址 : 160. 200. 21. 87 , 子 网 掩 码 : 255. 255. 248. 0。 


14. 
15; 
.请 解释 http://www. buu. edu. cn/wwwroot/default. html 的 含义 。 

. Web 应 用 程序 的 三 个 层面 各 司 何 职 ? 该 工作 模式 有 哪些 优点 ? 画 出 三 层 结 


构图 。 


1. 
2. 


域名 解析 系统 的 作用 是 什么 ? 
URL 的 组 成 是 什么 ? 写 出 其 标准 的 结构 形式 ,并 简 述 各 部 分 的 功能 。 


. 以 Web 方式 访问 数据 库 的 特点 是 什么 ? 
、 实 训 课 题 


请 根据 读者 所 在 单位 的 实际 情况 ,规划 出 所 用 主机 的 域名 。 
已 知 某 学 院 的 计算 机 布局 如 图 1-16 所 示 , 请 为 该 学 院 设 计 网 络 系统 并 规划 网 络 


IP 地 址 。 


管理 学 院 


院 办 公 室 机 房 多 媒体 教室 网 络 实 训 基地 
6 台 主 机 35 台 主机 40 台 主机 20 台 主机 


图 1-16 某 学 院 的 计算 机 布局 
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2 八 搭建 Web 开发 与 运行 环 
第 境 (JSP) 


Web 应 用 环境 是 Web 应 用 开发 的 软 硬 件 平台 ,搭建 好 平台 , 方 可 在 平台 之 上 开发 各 
种 Web 应 用 及 运行 开发 完成 的 应 用 系统 。 常 用 的 开发 环境 有 JSP、ASP/ASP. NET 和 
PHP 环境 。 本 章 主要 介绍 JSP 环境 的 搭建 ,需要 的 主要 软件 有 浏览 器 (IE)、Web 服务 器 
(Tomcat) JDK 开发 工具 包 和 数据 库 , 还 可 以 根据 需要 安装 JSP 开发 工具 Eclipse。 

学 习 要 点 : 

(1) 了 解 JSP 开发 与 运行 环境 和 所 需要 的 软件 及 软件 的 配置 。 

(2) 熟练 安装 配置 JDK, 并 通过 测试 。 

(3) 熟练 安装 Tomcat, 并 测试 安装 是 否 正确 。 

(4) 会 安装 .配置 与 使 用 SQL 2005 数据 库 系统 。 

(5) 掌握 虚拟 目录 设置 方法 。 

(6) 能 够 编写 .运行 一 个 简单 JSP 页 面 ,测试 JSP 运行 环境 搭建 是 否 正确 。 

(7) 自学 安装 配置 Eclipse。 


2.1 Web 运行 环境 概述 


2.1.1 园区 内 Web 运行 环境 


在 园区 内 建设 一 个 Web 应 用 环境 ,同时 它 也 是 一 个 小 企业 网 络 环境 ,读者 可 以 在 该 
环境 完成 Web 站 点 的 安装 .配置 .测试 与 应 用 开发 工作 。 图 2-1 是 一 个 小 企业 Web 应 用 
的 运行 环境 。 该 环境 具有 一 定 的 代表 性 ,花费 不 多 上 且 易 于 实现 。 如 果 需 要 可 以 设置 几 个 
相同 的 组 , 供 实验 使 用 。 

图 2-1 示意 了 几 个 通过 园区 网 接 和 人 Internet 的 子 网 。 子 网 由 一 台 网 络 服务 器 主机 和 
若干 台 客 户 机 组 成 。 在 服务 器 上 安装 一 些 基 本 的 网 络 服务 器 软件 ,用 以 提供 必要 的 网 络 
服务 ,并 实现 对 子 网 的 管理 。 客 户 机 上 可 以 安装 不 同 的 操作 系统 , 供 开 发 合用。 不同 的 子 
网 可 以 安装 不 同 的 操作 系统 和 基于 该 操作 系统 的 服务 器 软件 。 读 者 可 以 在 这 样 一 个 环境 
中 进行 Web 的 各 种 集成 开发 工作 ,也 可 以 正式 对 外 发 布 信息 。 


图 2-1 园区 内 的 Web 运行 环境 


2.1.2 模拟 Web 运行 环境 


图 2-2 是 一 个 简单 的 模拟 Web 运行 环境 ,用 两 台 PC 联网 ,一 台 作 为 Web 服务 器 ,一 
台 作 为 客户 机 ,进行 实验 开发 工作 。 


2.1.3 虚拟 Web 运行 环境 


即使 具有 一 台 计 算 机 ,也 可 以 虚拟 一 个 Web 运行 环境 ,客户 端 和 服务 器 均 在 一 台 计 
算 机 上 ,完成 大 多 数 Web 的 应 用 开发 与 测试 工作 ,如 图 2-3 所 示 。 


JIS or Tomcat 
Windows Server 客户 服务 器 ES 
SQL Server IE,IN KH IS/Tomcat | 一 7) 数据 库 
客户 机 服务 器 Windows 
图 2-2 模拟 Web 运行 环境 图 2-3 虚拟 Web 运行 环境 


2.1.4 JSP 开发 与 运行 环境 的 结构 


本 书 搭建 的 JSP 开发 环境 见 图 2-4 ,客户 端 和 服务 器 端 操作 系统 使 用 Windows 7。 其 
他 软件 如 下 : 

(1) JDK(Java Development Kid) Java 软件 开发 工具 包 。JDK 包含 运行 Java 程序 所 必 
需 的 Java 运行 时 环境 JRE(Java Runtime Enviroment) 和 开发 过 程 中 常 使 用 的 库 文件 。 

(2) Web 服务 器 Tomcat。Tomcat 是 一 个 小 型 的 .支持 JSP 和 Servlet 技术 的 Web 
服务 器 ,目前 较为 流行 。 

(3) 数据 库 SQL Server 2005。 它 是 微软 公司 在 Windows 系列 平台 上 开发 的 、 功 能 
完备 的 数据 库 管 理 系统 ,包括 支持 开发 的 引擎 .标准 SQL 语句 、 扩 展 特性 等 功能 ,同时 也 
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具有 存储 过 程 、. 触 发 器 等 大 型 数据 特性 。 
(4) IE 浏览 器 或 其 他 兼容 的 浏览 
(5) 编程 软件 和 开发 工具 Dreamweaver、Flash、FrontPage、Eclipse 等 。 


| Windows 自 带 IE JDK 开发 工具 SQL Server 
= Eclipse 局 Dp 数据 库 
客户 2 
浏览 器 Web 服 务 | 。 天 多 人 
器 Tomcat 


图 2-4 JSP 运行 环境 


2.2 JSP 开发 与 运行 环境 的 搭建 


JSP 运行 环境 可 以 有 多 种 选择 。 本 书 选用 常用 、 易 安装 的 运行 环境 , 即 Windows 7 
操作 系统 之 上 的 JDK、Tomcat 和 SQL Server 2005。 


2.2.1 JSP 安装 准备 工作 


安装 JSP 开发 和 运行 环境 ,需要 准备 以 下 软件 。 

(1) 操作 系统 。 客 户 端 : Windows 7, 自 带 浏览 器 IE。 服 务 器 端 : Windows 7。 开 发 
环境 的 操作 系统 尽量 与 发 布 环 境 的 一 致 ,可 以 减少 出 错 几 率 。 

(2) Java 的 软件 开发 工具 包 JDK .本 书 使 用 jdk1.7.0。JDK 由 Sun 公司 开发 ,由 于 
Sun 公 司 已 被 Oracle 收购 ,所 以 读者 需要 在 Oracle 公司 的 官方 网 站 (http://www. 
oracle. com/cn/index. html) 上 免费 下 载 jdk-7u17-windows-i586. exe 文件 。 

下 载 过 程 如 下 : 打开 浏览 器 ,进入 Oracle 官方 主页 。 选 择 *Downloads” 选 项 卡 ,选择 
“Java for Developers”。 单 击 JDK 下 方 的 “Download” 按 钮 , 即 可 下 载 。 

(3) 支持 JSP(Servlet) 的 Web 服务 器 。 目 前 存在 有 多 种 JSP Web 服务 器 软件 ,比较 
有 名 的 有 Apache 的 Tomcat、Caucho. com 的 resin、Allaire 的 Jrun、New Atlanta 的 
ServletExec、 和 IBM 的 WebSphere 等 。 本 书 选 用 Tomcat ,读者 可 以 从 http://tomcat. 
apache. org 站 点 下 载 ,文件 名 为 apache-tomcat-7. 0. 39. exe。 

(4) 数据 库 管 理 系统 SQL Server 2005。 


2.2.2 安装 配置 JDK 


JDK 是 通用 的 Java 环境 ,可 以 在 绝 大 多 数 计算 机 环境 中 运行 ,没有 特殊 的 软 硬 件 环 
境 要 求 。 安 装 前 应 退出 所 有 正在 运行 的 程序 ,然后 执行 安装 程序 。 
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1. 安装 JDK 


(1) 直接 双击 jdk-7u17-windows-i586. exe 文件 ,系统 自动 进入 安装 进程 。 
(2) 出 现 “ 自 定义 安装 ”对 话 框 。 如 果 需 要 更 改 安装 路 径 ,可 单 击 “ 更 改 ” 按 钮 ,改变 安 


装 路 径 。 
“下 二 此? 按 饥 。 


本 书 将 JDK 安装 到 DD 盘 , 采 用 的 路 径 为 D:\Java\jdk1. 7.0_17\, 见 图 2-5 ,各 


请 从 下 面 的 列表 中 选择 要 安装 的 可 选 功能 。 
删除 程序 "实用 程序 来 更 改 您 选择 的 功能 


旺 Java SE Development Kit 7 Update 17 - 自 定义 安装 。。， 


安装 完成 后 ， 您 可 以 使 用 "控制 面板 "中 的 "添加 / 


Java SE Development Kit 7 Update 

癌 下 JavaFX SDK, 即 一 个 专 
RE 和 一 个 专用 JavaFXx 运行 

引 官 要求 硬盘 旨 动 器 上 有 


区 本 | 


ORACLE 


i 
功能 说 明 
[E| 开 去 工具 | 
是 直 源 代码 
时 -| 公共 JRE 
300MB 空间 。 
安装 到 : 
D:Vava\jdk1.7.0_17\ —=- 


(Em 


E+-$() | =e | 取消 |] 


图 2-5 “ 自 定义 安装 ”对 话 框 


(3) 出 现 图 2-6 所 示 的 “Java 安装 -目标 文件 夹 ” 对 话 框 ， 
书 改变 路 径 为 D:\Java\jre7, 单 击 “ 下 一 步 ”按钮 。 


可 在 其 中 更 改 安装 路 径 。 


则 Java 安装 - 目标 文件 来 寺 "NN 


安装 到 : 
用 D:vavavren\ = 


| 


ORACLE 


| 
图 2-6 更 改 安装 路 径 
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击 


本 
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(4) 出 现 “Java SE Development kit7 Updatel17 一 完成 ”对 话 框 , 单 击 “关闭 ”按钮 , 完 
成 安装 。 

2. 配置 系统 环境 变量 

JDK 安装 完成 后 应 配置 系统 的 环境 变量 Path、JAVA_HOME 和 CLASSPATH。 它 
们 的 主要 作用 如 下 。 

Path: 提供 当前 系统 的 搜索 路 径 。 在 执行 某 个 应 用 程序 时 ,如 果 在 当前 路 径 下 找 不 
到 该 程序 ,系统 就 会 在 Path 环境 变量 的 列表 中 依次 查找 该 应 用 程序 。 编 译 java 程序 需 
要 执行 javac 命令 ,所 以 必须 把 javac 命令 所 在 目录 D:\Java\jdk1. 7.0_17\bin 添加 到 
Path 环境 变量 中 。 

JAVA_HOME: JDK 的 安装 目录 D:\Java\jdk1.7.0_17。 

CLASSPATH: 类 和 包 的 搜索 路 径 。 

配置 过 程 如 下 : 

(1) 在 桌面 上 用 鼠标 右 击 “ 计 算 机 ?图 标 , 在 弹出 的 快捷 菜单 中 选择 “属性 ”。 在 “属性 ” 
窗口 左 侧 选择 “高 级 系统 设置 ?选项 ,弹出 “系统 属性 ?对 话 框 , 见 图 2-7 ,选择 “高 级 ”选项 卡 。 


要 进行 大 多 数 更 改 ， 您 必须 作为 管理 员 登 录 。 


视觉 效果 ， 处 理 器 计划 内存 使 用 ,以 及 虚拟 内 存 


用 户 配置 文件 
与 您 登录 有 关 的 桌面 设置 


启动 和 故障 恢复 
系统 启动 、 系 统 失败 和 调试 信息 


图 2-7 “系统 属性 ”对 话 框 


(2) 单 击 “ 环 境 变 量 ” 按 钮 。 

(3) 出 现 “ 环 境 变 量 ” 对 话 框 ,如 图 2-8 所 示 。 在 “系统 变量 ”列表 框 中 选择 Path 参数 ， 
并 单 击 “ 编 辑 ” 按 钮 。 

(4) 出 现 “ 编 辑 系 统 变量 ”对 话 框 , 在 变量 值 中 加 入 Java 的 路 径 *d:\Java\jdk1. 7.0_ 
17\bin;”, 然后 单 击 “ 确 定 ” 按 钮 ,如 图 2-9 所 示 。 

(5) 新 建 环境 变量 JAVA_HOME。 在 图 2-8 的 “系统 变量 ”选项 组 中 , 单 击 “ 新 建 " 按 
钮 ,出 现 “ 新 建 系统 变量 ”对 话 框 ,用 类 似 方 法 设置 环境 变量 JAVA_HOME。 环境 变量 
JAVA_HOME 的 变量 值 是 “D:\Java\jdk1.7.0_17”。 
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Fe i 


lenovo 的 用 户 变量 (0) 
变量 值 
TENP %USERPROFILE%\AppData\Local\ 
TMP WUSERPROFILE%\AppData\ al\Tenp 
[| 
ET TE 出 除 (D) 
系统 变量 (S) | 
川 | 变量 值 <^ 
NUNMBER_OF_PR... 4 
ey 
区 WE 
PATHEXT 一 
变量 名 (ON) : Path 
[ET TO .| 荞 际 (L) | 二 
变量 值 (V) : \2. O\bin\x86; d:\Java\jdk1. 7. 0_17\bi 


CE crm 


图 2-8 选择 路 径 


数 图 2-9 加 入 Java 路 径 
(6) 编辑 环境 变量 CLASSPATH 的 值 为 : 


.18%JURVR_HOME%NlibNdt.jar; 
g%JURVA_HCME%\lib\tools.jar; 

$IAVA HOMES\jre\lib\rt.jar; 
D:\Tomcat 7.0\lib\servlet- api .jar; 


配置 完成 后 ,要 


新 启动 计算 机 ,环境 变量 才能 生效 。 

3. 测试 安装 结果 

JDK 安装 配置 完成 后 ,需要 测试 安装 是 否 正 确 。 在 MS DOS 命令 提示 符 下 执行 
javac, 如 果 出 现 如 图 2-10 所 示 的 java 命令 使 用 帮助 信息 , 则 说 明 安 装配 置 正确 。 


画 命令 提示 符 


-~g: {lines,vars, source} 
-nowarn 

-uerbose 

-deprecation 


路 各 
-sourcepath < 
-bootcl， 
-extdirs 


-implicit:(none,class) 
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2.2.3 安装 服务 器 软件 Tomcat 


1. Tomcat 安装 

(1) 运行 apache-tomcat-7. 0. 39. exe 文件 出现“ 安装 向 导 ” 对 话 框 ,在 对 话 框 中 单 击 
Next 按钮 。 出 现 协议 窗口 , 单 击 I Agree 按钮 ,接受 协议 。 

(2) 进入 Choose Components 对 话 框 ,选择 Tomcat 组 件 。 一 般 选 择 默认 选项 ,也 可 
以 多 选 ,如 图 2-11 所 示 , 单 击 Next 按钮 。 


| 
Choose Components 
Choose which features of Apache Tomcat you want to install. 
Check the components you want to install and uncheck the components you don't want to 
install. Click Next to continue. 
Select the type of install: 
on J OS 甲 国 Tomcat Position your mouse | 
a 回 Start Menu Rems over a component to 
Documentation see ts description, 
Manager 
回 Host Manager 
加 aeroea 
Space required: 12.0MB 
Nullsoft Install System v2,46 


图 2-11 选择 Tomcat 组 件 


(3) 弹出 Configuration 基本 配置 对 话 框 , 如 图 2-12 所 示 。Tomcat 默认 HTTP 的 连 


Configuration 
Tomcat basic configuration. 


Server Shutdown Port 


HTTP/1.1 Connector Port 8080 

AJP/1.3 Connector Port 8009 

Windows Service Name Tomcat7 

Create shortcuts for all users 固 

Tomcat Administrator Login ”User Name admin 

(optional) -一 -一 
Password 
Roles admin-gui, manager-gui 


Nullsoft Install System v2,46 


图 2-12 设置 端口 号 和 管理 员 信 息 配置 


忆 ， 
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接 端口 号 为 8080, 取 默认 值 , 用 户 名 为 admin, 口 令 为 空 (也 可 以 设 密码 便于 管理 ) 。 单 击 


“Next” 按 钮 。 
(4) 出 现 Java Virtual Machine 对 话 框 ,选择 Java 虚拟 机 路 径 , 如 图 2-13 所 示 。 单 击 


浏览 按钮 ,找到 JDK 安装 路 径 *“D:\Java\jdk1.7.0_17\”, 单 击 “Next” 按 钮 ,系统 将 自动 进 
行 安装 。 


D:VJava\jdk1.7.0_17 -一 


Nullsoft Install System v2,46 


图 2-13 Java 虚拟 机 目录 


(5) 出 现 Choose Install Location 对 话 框 ,选择 安装 目录 , 见 图 2-14, 本 书 选 择 D:\ 
Tomcat 7.0。 单 击 Install 按钮 ,安装 完成 后 , 单 击 Finish 按钮 ,完成 安装 。 


器 Apache TomcatSetup ET Sas 
Choose Install Location 
Choose the folder in which to install Apache Tomcat. 


er hard To install in a different folder, click 
Browse and select another folder. Click Install to start the installation. | 


Destination Folder 
ek 


Donat7o 一 srowse.. ) 


Space required: 12.0MB 
Space available: 92.4GB 


| Nulleoft Install System v2,46 


| 


图 2-14 选择 安装 目录 
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2. 测试 Tomcat 
安装 完成 后 ,在 浏览 器 地 址 栏 输入 http://localhost:8080 或 http://127.0.0.1:8080, 可 
以 看 到 Tomcat 的 默认 主页 ,如 图 2-15 所 示 ,表示 安装 成 功 。 


Apa 
(Se hep//ocahostsos0 x 
| 文件 (F) 编辑 () 查看 (V】 收 颐 末 (A) 工具 (帮助 (H) BR 
请 收藏 夫 入 Apache Tomcat/7.0.39 | 


Home Documentation Configuration Examples Wiki MailingLists Find Help 
me i 
Apache Tomcat/7.0.39 me Ane Software Foundat! on 


If you're seeing this, you've successfully installed Tomcat Congratulations! 


™ Recommended Reading: Server Status 


Security Considerations HOW-TO al 
Manager Application HOW-TO 
i T Host Manager 
Developer Quick Start 
Tomeat Setup Besims & AAA Exemples endet Specilcations 
First Web Applicaton ‘JDBC DataSources Tomcat Versions 
Managing Tomcat Documentation Getting Help i 


图 2-15 ” Tomcat 默认 主页 


3. Tomcat 的 启动 和 停止 
安装 完成 或 系统 重新 启动 后 ,屏幕 的 右 下 角 任 务 栏 上 出 现 Tomcat 作业 图 标 , 见 
图 2-16(a)。 如 果 没 有 该 图 标 , 则 通过 “开始 一 所 


有 程序 ”~ Apache Tomcat7. 0 一 Monitor 名 RN 
Tomcat”, 使 Tomcat 作业 图 标 出 现 。Tomcat 启 Stop service 
动 后 ,作业 图 标 上 出 现 绿色 箭头 ,停止 后 出 现 红 色 Thread Dump 
方块 。 右 击 该 图 标 , 如 图 2-16 (b) 所 示 。 在 间 et 
Tomcat 启动 状态 下 , 选择 Stop service, 停止 About 
Tomcat 服务 器 。 在 Tomcat 停止 状态 下 ,选择 ” (a) 作业 图 标 (b) 菜单 


Start service 选项 ,启动 Tomcat 服务 器 。 图 2-16 ” Tomcat 的 启动 与 停止 


2.2.4 创建 Web 服务 目录 


开发 完成 的 JSP 页 面 、Servlet 程序 JavaBean 需 按 一 定 结构 存放 到 某 个 Web 服务 目 
录 中 , 才 可 使 客户 通过 浏览 器 访问 到 。 

1. Web 服务 目录 结构 

Tomcat 安装 完成 后 ,在 Tomcat 目录 下 已 经 生成 了 webapps 发 布 目录 。 在 webapps 下 
的 任何 一 个 子 目录 ,都 是 一 个 Web 服务 目录 。Web 应 用 程序 的 文件 具有 一 定 的 组 织 结构 ， 
J2EE 定义 的 Web 程序 结构 如 图 2-17(a) 所 示 。 本 书 将 为 每 章 例 题 创 建 一 个 Web 服务 目录 。 
例如 ,第 2 章 的 Web 服务 目录 是 Tomcat 7.0\webapps\ex_02, 其 结构 如 图 2-17(b) 所 示 。 
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Web 应 用 程序 存放 目录 | 发 布 目录 | 【Tomcat 7.0 


Web 服 务 目 录 第 2 章 的 Web 服 务 目 录 webapps 


ex_ D02 


WEB 一 INT | JSP 、HTML 等 文件 


WEB 一 INT | ex02-01.jsp 等 文件 


classes 上 web.xml 


描述 Web 程 序 配 
人 ~ 置信 息 的 文件 classes web.xml 


(a) Web 程 序 结构 (b) 第 2 章 Web 程 序 结 构 
图 2-17 Web 服务 目录 结构 


2. 创建 虚拟 目录 

为 使 用 方便 ,可 创建 虚拟 发 布 目录 ,把 实际 Web 服务 目录 隐藏 起 来 。 对 于 Tomcat 
服务 器 所 在 的 计算 机 , 除 主 发 布 目 录 外 的 其 他 目录 设 为 Web 服务 目录 。 虚 拟 目录 在 物理 
上 可 以 不 被 包含 在 主 目录 中 ,但 是 ,在 逻辑 上 就 像 在 主 目录 中 一 样 。 例 如 ,把 “e:Nex_ 
D02” 的 Web 服务 目录 , 设 为 名 为 BookShop 的 发 布 目录 ,使 用 户 可 以 用 "BookShop” 别 名 
访问 “e:N ex_D02” 下 的 JSP 文件 ,如 “ex2-01. jsp” 文 件 。 创建 方法 为 ,在 Tomcat 的 conf 
目录 中 ,找到 server. xml 文件 ,在 文件 最 后 中 找到 过 /HOST 标记 ,在 二 /HOST 二 前 添 
加 以 下 语句 : 

< Context path= "/BookShop" docBase= " e:/ex_ D02" dsbug= "0" reloadble= "true"/> 
上 述 语 句 的 语法 现象 如 下 所 示 。 

(1) path 值 : 虚拟 目录 的 别名 ,在 浏览 器 地 址 栏目 中 输入 的 路 径 。 

(2) docBase 值 : 应 用 程序 的 实际 路 径 , 即 在 硬盘 上 的 存放 位 置 , 即 绝对 路 径 。 

注意 : xml 文件 区 分 大 小 写 ,一 Context 二 标记 中 的 大 小 写 不 可 以 写 错 。 

设置 完成 后 ,保存 文件 ,重新 启动 Tomcat, 虚 拟 路 径 会 起 作用 。 该 语句 将 e 盘 上 的 
“e:\ex_D02” 目 录 设 为 虚拟 发 布 路 径 , 它 的 别名 为 “BookShop”。 在 浏览 器 的 地 址 栏目 输 
入 http://127.0.0.1:8080/BookShop/ex2-01.jsp, 显 示 如 图 2-18(a) 所 示 。 


2.2.5 第 一 个 JSP 应 用 
(1) 在 记事 本 中 输入 以 下 代码 ,并 存放 在 Tomcat 的 webapps\ex_D02 目录 下 ,文件 
名 为 : 


ex2- 01.jsp。 
< $@ page contentType= "text/html; harset— GB2312"%> 
<html> 
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<head>< title> JSP 测 试 页 面 < /title> < /head> 

< body> < center> < font size=5 color= red> 

<$="JSP 测 试 页 面 "%>< /font> 

< /center> < /body> < /html> 

(2) 在 浏览 器 地 址 栏目 输入 http://127. 0. 0. 1:8080/ex_D02/ex2-01. jsp, 代 码 运行 
结果 如 图 2-18(b) 所 示 。 


er Xx 
从 JsP 测 坛 页 面 -Wind. i 
DE] 0/BookShop/ex2-01jsp , 
文件 (F) 编辑 (日 查看 V) 收藏 夹 (A) ”| 
语 收藏 夹 仿 JSP 测 试 页 面 


文件 (F) 编辑 (6 查看 (V) 收藏 严 A) >| 
上 痪 收 意 夹 念 JSP 测 试 页 面 


JSP 测 试 页 面 JSP 测 试 页 面 | 


(a) 虚拟 路 径 发 布 (b) 服务 目录 下 发 布 
图 2-18 JSP 测试 结果 


2.3 SQL Server 2005 数据 库 的 安装 


安装 前 关闭 所 有 和 SQL Server 相关 的 服务 ,包括 所 有 使 用 ODBC 的 服务 ,如 
Microsoft Internet Information 服务 (IIS) 等 。 

(1) 单 击 SQL Server 2005 安装 盘 中 的 setup. exe 文件 ,弹出 “最 终 用 户 许 可 协议 ”对 
话 框 ,如 图 2-19 所 示 。 选 择 “ 我 接受 许可 条 款 和 条 件 ”, 单 击 “ 下 一 步 ” 按 钮 。 


ICROSOFT 


ICROSOFPT SQL SERVER 2005 DEVELOPER EDITION 
Ne 
De i MICROSOFT 为 从 从 ET 下 二 
1 有 其 他 条 款 ) ， 

* 更 新 、 

* 补充 、 

*# ”基于 Internet 的 服务 和 

* 支持 服务 


如 果 确 实 附带 有 其 他 条 款 ， 则 其 他 条 款 应 适用 。 ~ 
[我 接受 许可 条 款 和 条 件 (A) 


图 2-19 “最 终 用 户 许可 协议 ”对话 框 
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(2) 出 现 “ 安 装 必 备 组 件 ” 对 话 框 ,如 图 2-20 所 示 , 单 击 “ 安 装 ” 按 钮 。 安 装 完成 后 单 
击 “ 下 一 步 ”按钮 。 


一 


安装 必 备 组 件 ea 
i 在 安装 SQL Server 之 前 安装 所 需 的 软件 组 件 。 和 


SQL Server 


Microsoft SQL Native Client 
Jicrosoft SQL Server 2005 安装 程序 支持 文件 


单 击 “ 安 装 ” 继 续 。 


图 2-20 “安装 必 备 组 件 ” 对 话 框 


(3) 出 现 * 欢 迎 使 用 Microsoft SQL Server 安装 向 导 ” 对 话 框 ,如 图 2-21 所 示 , 单 击 
“下 一 步 ” 按 钮 。 


* ”欢迎 使 用 Microsoft SQL Server 安装 向 导 


安 交 全 度 并 二 且 让 安 村 修改 或 删除 Mi crosoft SQL Server。 若 要 继续 ， 请 单 击 “下 


《 上 一 步 (B) | 


图 2-21 “欢迎 使 用 Microsoft SQL Server 安装 向 导 ” 对 话 框 


(4) 出 现 “ 系 统 配 置 检查 ”对 话 框 ,如 图 2-22 所 示 。 单 击 “ 下 一 步 ” 按 钮 ,检查 系统 配置 。 
(5) 通过 检查 后 ,出现 “注册 信息 ”对 话 框 ,如 图 2-23 所 示 。 注 册 信 息 , 单 击 “ 下 一 步 ” 
按钮 。 
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系统 配置 检查 
请 等 待 ， 正 在 检查 系统 中 是 否 有 潜在 的 安装 问题 。 


@ 砷 


详细 信息 (D) : 


SQL Server 版 本 的 操作 系统 兼容 性 
最 低 硬件 要 求 

IIS 功能 要 求 

挂 起 的 重新 启动 要 求 

性 能 监视 器 计数 器 要 求 

默认 安装 路 径 权限 要 求 

Internet Explorer 要 求 

CoM+ 目录 要 求 

ASP. Net 版 本 注册 要 求 

JDAC 版 本 的 最 低 要 求 


第 选 (T) - 
帮助 (H) | 


SeeeeeeeFeSe 


图 2-22 “系统 配置 检查 ”对 话 框 


注册 信息 
下 列 信 息 将 对 您 安装 的 系统 进行 个 性 化 设置 。 


在 继续 操作 之 前 ,必须 填写 “姓名 ”字段 。 “公司 ”字段 是 可 选 的 。 


姓名 (8): 
Fanyuehual 


公司 (0): 


P 关 一 


1 25 个 字符 的 产品 密 钥 。 在 CD 内 衬 说 明 的 黄色 不 干 胶 标签 或 CD 封套 
可 找到 该 号 。 


J ens 


《 上 一 步 (B) 


图 2-23 “注册 信息 ”对 话 框 
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(6) 出 现 “ 要 安装 的 组 件 ” 对 话 框 ,如 图 2-24 所 示 。 选 择 组 件 , 单 击 “下 一 步 ? 按 钮 。 


向 Microsoft | 


要 安装 的 组 件 
| 请 选择 要 安装 或 升级 的 组 件 。 


Sgr 


国 SQL Server Database Services (S) 
器 创建 SQL Server 故障 转移 群集 


Analysis Services (A) | 
站 创建 分 析 服 务 器 故障 转移 群集 | 
LReporting Services(R) 


加 Notification Services(0) 


加 Integration Services(I) 
工作 站 组 件 、 联 机 丛书 和 开发 工具 (9) 


请 单 击 “ 高 级 ”查看 更 多 选项 。 高 级 (D) 


于 助 (8) 区 上 = 步 @) | wR 取消 一 


图 2-24 “要 安装 的 组 件 ” 对 话 框 


(7) 出 现 “ 实 例 名 ”对 话 框 ,如 图 2-25 所 示 。 选 择 实例 名 , 单 击 “下 一 步 ” 按 钮 。 


实例 名 
您 可 以 安装 默认 实例 ， 也 可 以 指定 一 个 命名 实例 。 


EE 
Ea “3 
| 
侣 默认 实例 (D) 
图 命名 实例 人 A) 
az 
| | 


(8) 出 现 “ 服 务 账 户 ” 对 话 框 ,如 图 2-26 所 示 。 选 择 “使 用 内 置 系统 账户 ”, 单 击 “ 下 一 
步 ?按钮 。 

(9) 出 现 “ 身 份 验 证 模式 ”对 话 框 ,如 图 2-27 所 示 。 选 择 “ 混 合 模式 ”, 如 果 输 入 了 密 
码 , 请 牢记 密码 , 单 击 “ 下 一 步 ” 按 钮 。 
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务 账户 
服务 帐户 定义 登录 时 使 用 的 账户 。 | 


为 每 个 服务 账户 进行 自 定义 (C) 
服务 (E) : 


图 使 用 内 置 系统 账户 (Y) 

使 用 域 用 户 帐户 (R) | 
用 户 名 (0) : [ 由 
密码 (P): [ 

域 (D): [Eee | 

安装 结束 时 启动 服务 | 

SQL Server(S) 

SQL Server Agent(C) 

回 sQL Erovser (¥) 


图 2-26 “服务 账户 ”对 话 框 


身份 验证 模式 
身份 验证 模式 指定 了 连接 SQL Server 时 使 用 的 安全 设置 。 | 


选择 此 系统 要 使 用 的 身份 验证 模式 。 


回 windows 身份 验证 模式 (WV) | 
加 混合 模式 (Windovs 身份 验证 和 SQL Server 身份 验证 ) 0D 


在 下 面 指定 sa 登录 密码 : 
输入 密码 (E) : 

| 确认 密码 (P) : 

由 


[am | 区 上 = 此 oj EE 


2-27 “身份 验证 模式 ”对 话 框 


(10) 出 现 “ 排 序 规则 设置 ”对话 框 ,如 图 2-28 所 示 。 选 择 默认 值 , 单 击 “ 下 一 步 ” 
按钮 。 
(11) 出 现 “ 准 备 安装 ”对 话 框 ,如 图 2-29 所 示 。 单 击 “ 安 装 ” 按 钮 ,开始 安装 。 
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排序 规则 设置 
排序 规则 设置 定义 了 服务 器 的 排序 方式 。 


服务 的 排序 规则 设置 : SQL Server 


回 排序 规则 指示 符 和 排序 顺序 (D) : | 
Chinese FRC 了 | 
二 进 制 二 进 制 - 码 位 
回 区 分 大 小 写 区 分 假名 
| 区 分 重音 区 分 全 半角 中 
名 saL 排序 规则 (用 于 确保 与 旧版 本 的 SQL Server 兼容 ) (S) 
H 一 四 
中 的 数 各 850 (多 语言 ) 字 符 集 。 | 
; 用 于 1252 字 和 类 。 


图 2-28 “排序 规则 设置 "对 话 框 


准备 安装 
| 安装 程序 已 就 绪 ， 可 以 开始 安装 。 | 


半生 


安装 以 下 组 件 : 


. SQL Server Database Services 


(数据 库 服务 ， 复 制 ， 全 文 搜索 ) 
客户 端 组 件 


(连接 组 件 ， 管 理工 具 ，Business Intelligence Development 
Studio，SQL Server 联机 从 书 ) 


图 2-29 “准备 安装 ?对 话 框 


(12) 安装 完成 后 出 现 “ 完 成 Microsoft SQL Server 2005 安装 ?对话 框 , 如 图 2-30 所 
示 。 单 击 “ 完 成 ”按钮 ,结束 安装 。 

安装 完成 后 ,在 桌面 上 选择 “开始 ”一 “所 有 程序 ”> Microsoft SQL Server 2005 一 
SQL Server Management Studio, 打 开 SQL Server 2005 界面 。 


第 2 章 ”搭建 web 开 发 与 运行 环境 (JSP) 一 全 


完成 Hi crosoft SQL Server 2005 安装 
安装 程序 已 配置 完 JH crosoft SQL Server 2005 


hz > 
二 计 安 夺 期 导入 于 各 击 让 人 起 请 参阅 安装 错误 日 志 。 单 击 “ 完 成 ”退出 安装 向 
摘要 日 志 


息 交 各 sa, Server 2005 的 服务 器 外 围 应 用 最 小 化 ， 默 认 情况 下 对 新 系统 禁用 某 些 功能 和 
服务 。 若 站 配置 SQL Server 外 围 应 用 ， 请 使 用 


Analysis Services 
I。 ”如 果 Analysis Services 已 从 SQL Server 2000 升级 ， 则 必须 使 用 SQL Server 是 
Management Studio 重新 处 理 所 有 多 维 数据 集 、 维 度 和 挖掘 模型 。 慎 


Reporting Services 

le ”您 在 安装 过 程 中 指定 的 Reporting Services 安装 选项 决定 了 是 否 需要 进一步 的 配置 
才能 访问 报表 服务 器 。 如 果 您 在 安装 时 使 用 了 默认 配置 ， 则 可 以 立即 使 用 报表 服务 
器 。 如 果 您 仅 安装 了 程序 文件 ， 则 必须 运行 Reporting Services 配置 工具 来 部 署 报 


| 


小 结 


本 章 主 要 学 习 安 装 JSP 运行 环境 Windows 7 十 JDK 十 Tomcat 十 SQL Server 2005。 
安装 前 需要 把 安装 软件 准备 好 ,JDK 和 Tomcat 可 以 免费 从 网 上 下 载 。 安 装 过 程 可 能 会 
有 麻烦 ,不 同 的 版 本 也 许 略 有 不 同 , 遇 到 问题 可 以 在 网 上 求援 。 安 装 JDK 需要 正确 配置 
环境 变量 ,配置 正确 才能 方便 地 运行 应 用 程序 。 测 试 工作 很 重要 ,安装 JDK 后 ,要 测试 
Java 的 运行 ;安装 Tomcat 后 ,要 测试 其 主页 是 否 能 正确 发 布 ;最 后 要 通过 一 个 JSP 页 面 ， 
测试 JSP 环境 是 否 正确 运行 。 建 立 Web 服务 目录 、 虚 拟 目录 ,是 有 效 管理 JSP 页 面 的 良 
好 习惯 。 最 后 安装 SQL Server 2005 数据 库 管理 系统 。 读 者 可 以 自学 下 载 、 安 装 、 配 置 
Eclipse。 


习题 上 机 练习 与 实 训 2 


一 、 选 择 题 
1. Tomcat 安装 目录 为 :“d:\Tomcat 7.0”, 使 用 默认 端口 号 。 启 动 Tomcat 后 ,为 显 
示 默 认 主页 ,在 浏览 器 地 址 栏目 中 输入 ( ) 。 
A. http://localhost:80 
B. http://127.0.0.1:80 
C. http://127. 0.0. 1:8080 
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D. d:\Tomcat7. 0\index. jsp 
2. 设置 虚拟 发 布 目录 ,要 修改 位 于 ( 3 
A. Tomcat 的 bin 目录 中 的 tomcat5. exe 文件 
B. Tomcat 的 conf 目录 中 的 web. xml 文件 
C. Tomcat 的 webapps\ROOT 目录 中 的 index. jsp 文件 
D. Tomcat 的 conf 目录 中 的 server. xml 文件 


、 简 答题 

.安装 JSP 运行 环境 需要 准备 哪些 软件 ? 

. JDK 软件 的 作用 是 什么 ? 

. JDK 安装 完成 后 为 什么 要 配置 系统 的 环境 变量 ? 如 何 配 置 ? 
， 如何 得 知 JDK 安装 正确 ? 

. Tomcat 服务 器 软件 的 默认 发 布 目录 是 什么 ? 

.Web 应 用 程序 是 否 可 以 存放 在 Tomcat 的 默认 发 布 目录 外 ? 
. 设置 虚拟 发 布 目录 ,要 修改 位 于 何 处 的 哪个 文件 ? 


三 、 上 机 练习 

安装 并 配置 Windows 7 操作 系统 下 的 JSP 运行 环境 : 

(1) 安装 JDK ,配置 系统 的 环境 变量 ,测试 JDK 安装 是 否 成 功 。 

(2) 安装 并 配置 Tomcat, 安 装 完成 后 发 布 Tomcat 的 默认 主页 ,完成 Tomcat 的 启动 
和 停止 操作 。 

(3) 创建 一 个 虚拟 发 布 目 录 , 将 例题 ex2-01. jsp 存 人 虚拟 目录 发 布 。 

(4) 安装 SQL Server 2005 数据 库 系统 ,并 启动 数据 库 。 

四 、 实 训 课 题 

1. 为 Web 站 点 开发 小 组 规划 Windows 7 下 的 JSP 工作 环境 。 该 组 有 10 个 成 员 , 客 
户 端 可 以 使 用 不 同 的 操作 系统 。 请 画 出 该 环境 的 示意 图 ,标明 所 需 的 硬件 软件, 并 规划 
环境 的 IP 地 址 。 

2. 在 Windows 7 环境 下 完成 JDK 和 JSP Web 服务 器 的 安装 、 配 置 与 信息 发 布 。 在 
实 训 课 题 1 的 基础 上 完成 以 下 工作 : 

(1) 网 络 的 硬件 连接 。 

(2) JDK 的 安装 、 配 置 与 测试 。 

(3) JSP Web 服务 器 的 安装 .配置 与 测试 。 

(4) 主页 的 发 布 。 

(5) 安装 配置 Eclipse。 


人 
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3 董 基于 Web 方式 的 信息 系 
统 开发 案例 
一 一 网 上 书店 


第 


本 章 结合 网 上 书店 的 建设 ,给 出 一 个 Web 站 点 建设 的 主要 过 程 ,以 便于 读者 站 在 全 
局 高 度 了 解 Web 技术 的 应 用 。 

使 用 Web 方式 进行 应 用 系统 开发 已 经 成 为 一 种 趋势 。 由 于 系统 采用 Web 方式 开 
发 , 当 进 行 功能 修改 、 功 能 扩充 等 维护 性 操作 时 ,客户 端 无 需 作 任何 改动 ,从 而 使 系统 具有 
很 高 的 灵活 性 和 易 用 性 。Web 站 点 的 开发 过 程 应 遵循 信息 系统 的 开发 方法 ,需要 经 过 系 
统 分 析 、 系 统 设计 ,数据库 设计 、 系 统 详细 设计 及 系统 实现 、 系 统 维护 等 环节 。 

如 果 开 发 的 Web 应 用 系统 与 Internet 连接 , 则 是 一 个 面向 全 球 用 户 的 系统 ,具有 用 
户 数量 的 不 确定 性 。 一 般 来 说 在 用 户 数 量 的 估算 上 应 有 一 定 的 余 量 ,这 就 要 求 站 点 与 国 
际 互联 网 有 足够 的 通信 线路 带宽 。 在 设计 中 还 需要 考虑 Web 站 点 中 的 基础 Internet 服 
务 系 统 ( 如 DNS 域名 解析 系统 、.E-mail 电子 邮件 系统 .FTP 文件 服务 系统 等 ) 的 建设 。 

本 案例 以 网 上 书店 应 用 为 基础 模型 ,涵盖 了 网 上 书店 的 主要 业务 。 为 突出 主要 技术 ,对 
系统 中 的 某 些 细节 进行 了 删节 。 读 者 可 以 在 本 案例 的 基础 上 ,开发 出 符合 自己 需求 的 Web 
站 点 。 

“网 上 书店 ”的 案例 将 贯穿 于 本 书后 续 各 章节 。 本 章 主要 介绍 系统 设计 、 系 统 功 能 设 
计数 据 库 设计 及 部 分 功能 的 详细 设计 ,并 在 介绍 功能 的 同时 介绍 功能 实现 所 使 用 的 技 
术 , 以 使 读者 在 后 续 内 容 学 习 时 了 解 所 学 内 容 在 系统 中 的 位 置 。 

学 习 要 点 : 

(1) 了 解 应 用 Web 方式 进行 应 用 系统 开发 的 全 过 程 ,以 及 Web 站 点 建设 所 使 用 的 
主流 技术 。 


(2) 掌握 信息 系统 开发 的 主要 原则 。 
(3) 懂得 “网 上 书店 管理 信息 系统 ”的 设计 与 开发 过 程 。 


3.1 系统 功能 与 系统 环境 


3.1.1 系统 功能 和 使 用 模式 


网 上 书店 的 主要 业务 是 开展 网 上 购书 活动 。 系 统 功 能 由 两 部 分 组 成 : 前 台 业 务 和 后 


台 管理 。 系 统 通 过 Web 网 站 的 形式 发 布 图 书 消息 ;客户 通过 网 络 访问 该 网 站 ,查找 所 需 
要 的 图 书 ,办 理 购书 业务 。 

系统 采用 浏览 器 /服务 器 (B/S) 模 式 开 发 ,如 图 3-1 所 示 。 这 是 一 个 面向 互联 网 用 户 
的 虚拟 书店 ,书店 的 全 部 业务 都 在 服务 器 上 完成 。 


画 | 网 上 书店 读者 /客户 


职工 工作 站 n 


甩 一 


内 部 服务 器 


肠 一 


备份 服务 器 


图 3-1 网 上 书店 的 B/S 模式 


网 上 书店 的 内 部 网 络 系 统 如 图 3-1 左 部 所 示 , 系 统 使 用 交换 机 等 网 络 设备 构成 书店 
内 部 网 络 系统 。 书 店内 部 网 络 系 统 由 内 部 服务 器 和 职工 工作 站 构成 ,并 通过 网 络 与 外 部 
服务 器 连接 。 为 了 保护 内 部 系统 的 安全 性 ,使 用 了 防火 墙 技术 ,通过 防火 墙 构建 DMZ 
(demilitarized zone, 非 军事 化 区 )。 向 外 部 用 户 提 供 网 上 书店 服务 的 服务 器 放 在 DMZ 
中 ,外 部 用 户 只 能 访问 DMZ 中 的 外 部 服务 器 ,不 能 进入 书店 内 部 系统 ,从 而 保证 了 书店 
内 部 系统 的 安全 性 。 网 上 书店 的 网 络 系统 通过 路 由 器 与 因特网 连接 ,读者 通过 因特网 访 
问 书 店 的 外 部 服务 器 。 


3.1.2 系统 环境 建设 


要 建设 一 个 可 以 在 互联 网 上 运行 的 服务 系统 ,必须 建立 相应 的 可 以 和 因特网 连接 的 
网 络 环境 ,步骤 如 下 。 

1. 建设 内 部 网 络 系统 

对 于 规模 不 大 的 网 络 书店 ,网 络 系统 也 不 会 太 复杂 。 使 用 交换 机 将 主 服务 器 、. 职 工 工 
作用 的 PC 机 连接 起 来 即 可 工作 。 

2. 将 网 络 系统 与 因特网 互 连 

为 了 提供 互联 网 服务 ,网 上 书店 必须 建立 与 因特网 的 永久 连接 。 为 此 ,需要 寻找 一 个 
Internet 服务 供应 商 (ISP)。 不 同 的 Internet 服务 供应 商 , 提 供 的 服务 和 价格 不 尽 相同 。 
主要 考虑 的 指标 是 连接 速度 (带宽 ) ,以 使 客户 从 互联 网 的 任何 地 点 都 能 较 快 地 访问 到 它 。 
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3. 确定 IP 地址 

要 在 互联 网 上 提供 服务 ,必须 使 用 互联 网 上 可 以 访问 到 的 网 络 地 址 。 互联 网 上 的 IP 
地 址 是 由 互联 网 统一 分 配 的 ,一 般 由 Internet 服务 供应 商 提供 。 在 网 上 书店 中 ,至 少 有 一 
个 服务 器 (图 3-1 中 的 主 服务 器 ) 使 用 合法 的 静态 IP 地 址 。 在 本 案例 中 ,动态 IP 地 址 是 
不 可 用 的 。 当 一 般 用 户 通过 ADSL 联 入 互联 网 时 ,用 户 往 往 只 得 到 一 个 动态 的 IP 地 址 。 
这 种 地 址 是 不 固定 的 , 当 再 次 访问 互联 网 时 这 个 地 址 会 改变 ,因此 不 能 作为 永久 服务 地 址 
使 用 。 


4. 确定 域名 

客户 访问 互联 网 中 的 网 站 时 ,通常 不 使 用 IP 地 址 ,而 是 使 用 域名 ,因此 必须 建立 域名 
和 IP 地 址 的 对 应 关系 。 这 种 对 应 关系 由 域名 解析 服务 器 (DNS) 完 成 。 域 名 由 统一 的 组 
织 进行 管理 。 国 际 上 管理 域名 的 组 织 叫 做 NIC( 网 址 为 www. internic. net) ,读者 可 以 访 
问 这 个 网 站 得 到 进一步 的 信息 。 中 国 管理 域名 的 组 织 叫 做 CNNIC( 网 址 为 www. cnnic. 
net. cn) 。 中 国教 育 和 科研 计算 机 网 网 络 信息 中 心 CERNIC 负责 中 国教 育 部 门 的 域名 注 
册 ( 网 址 为 www. cernic. net. cn) 。 


S. 完成 网 络 书店 与 ISP 的 物理 连接 

ISP 选 定 后 ,要 解决 与 选 定 的 ISP 间 的 物理 连接 , 即 选择 通信 介质 问题 。 根 据 需要 的 
不 同 , 有 多 种 可 供 选择 的 介质 。 通 信 线 路 的 选择 应 当 满足 通信 双方 的 要 求 , 因 此 在 选择 通 
信 线 路 时 应 与 ISP 协商 。 常 用 的 线路 有 以 下 几 种 。 

(1) 光纤 线路 : 光纤 线路 具有 很 高 的 带宽 和 线路 稳定 性 ,但 架设 困难 。 光 纤 线 路 一 
般 可 以 提供 高 达 10000M 的 线路 带宽 ,可 到 电信 部 门 租用 裸 光纤 线路 使 用 。 现 在 一 般 较 
大 的 楼 宇 中 都 预先 铺设 和 因特网 连接 的 光纤 线路 ,并 提供 入 住 厂商 的 因特网 接 入 服务 。 

(2) DDN 线路 : DDN 是 Digital Data Network( 数 据 传输 网 ) 的 英文 缩写 。 它 是 利用 
光纤 .数字 微波 .卫星 等 数字 信道 ,以 传输 数据 信号 为 主 的 数字 通信 网 络 , 可 以 提供 2MHz 
的 全 透明 的 数据 专线 ,并 承载 语音 、 传 真 . 视 频 等 多 种 业务 。DDN 线路 实际 上 是 专用 线 
路 ,与 帧 中 继 相 比 ,使 用 成 本 较 高 。 

(3) 帧 中 继 是 一 种 快速 分 组 交换 技术 。 它 以 面向 协议 数据 的 通信 规程 为 基础 ,依靠 
智能 化 的 用 户 终端 和 高 稳定 性 的 传输 线路 ,在 用 户 和 网 络 接口 之 间 提 供用 户 信息 的 双向 
透明 传输 ,并 提供 对 多 种 网 络 协议 的 支持 。 由 于 帧 中 继 使 用 分 组 交换 技术 ,电信 信 路 并 不 
是 由 某 个 用 户 专用 ,对 用 户 而 言 线路 成 本 较 低 。 帧 中 继 线路 可 提供 高 达 2MHz 的 线路 
带宽 。 

(4) 卫星 信道 : 卫星 信道 是 一 种 高 质量 的 数据 传输 信道 ,可 以 提供 较 宽 的 带宽 和 可 
靠 的 通信 质量 。 卫 星 信道 可 以 租用 ,在 需要 的 情况 下 ,也 可 以 考虑 租用 卫星 信道 解决 通信 
问题 。 为 解决 双向 通信 的 问题 ,需要 建设 卫星 接收 小 站 (VSAT) ,但 初始 造价 较 高 。 

(5) 无 线 通 信 : 在 有 线 线路 不 方便 的 地 方 可 以 考虑 使 用 无 线 通信 的 手段 完成 线路 连 
接 。 最 常用 的 有 无 线 网 桥 和 无 线 Modem。 点 对 点 型 无 线 网 桥 可 用 来 连接 两 个 分 别 位 于 
不 同 地 点 的 网 络 ,根据 无 线 设 备 发 射 功率 的 不 同 , 可 靠 的 传输 距离 各 异 , 一 般 可 支持 
10km 左右 的 距离 。 如 果 需 要 更 远 距离 的 传输 ,可 以 增加 射频 放大 器 ,使 通信 距离 达到 数 


48 一 一 一 一 一 一 一 一 一 Web 技 术 应 用 基础 (第 3 版 ) 


十 km。 


6. 使 用 主机 托管 形式 解决 与 Internet 的 连接 问题 

互联 网 数据 中 心 (Internet Data Center,IDC) , 近 几 年 被 全 球 ISP 业界 认为 是 第 二 代 
ISP 业务 。 它 除了 能 提供 Internet 接 入 服务 之 外 ,还 能 提供 电信 级 的 网 络 资源 以 及 全 面 
的 网 络 管理 和 应 用 服务 。 网 上 书店 的 网 络 环境 也 可 以 选择 使 用 主机 托管 等 方式 解决 。 现 
在 市 场 上 有 很 多 IDC 公司 在 IDC 那里 托管 自己 的 主机 ,解决 互联 网 的 连接 问题 。 


3.2 系统 设计 


系统 的 开发 过 程 应 遵循 软件 系统 的 生命 周期 原则 。 系 统 的 生命 周期 即 系统 从 开始 开 
发 到 系统 结束 使 用 的 全 过 程 。 系 统 的 生命 周期 包括 系统 分 析 、 系 统 设计 、 数 据 库 设计 、 系 
统 详细 设计 、 系 统 开发 和 代码 开发 、 系 统 运行 及 维护 等 几 个 重要 阶段 。 要 建设 一 个 实际 使 
用 的 应 用 系统 ,首先 应 当 进 行 必要 的 系统 调查 ,尽量 做 到 对 现 有 系统 具有 全 面 的 了 解 , 找 
出 影响 系统 性 能 的 主要 问题 , 即 所 谓 的 系统 分 析 。 在 充分 调查 研究 的 基础 上 进行 系统 的 
设计 ,并 充分 征求 系统 应 用 人 员 的 意见 。 系 统 的 分 析 和 设计 可 能 需要 多 次 反复 讨论 研究 ， 
力求 做 到 符合 应 用 系统 各 方面 人 员 对 系统 的 使 用 需求 。 系 统 设计 应 产生 系统 设计 说 明 
书 , 交 应 用 系统 的 使 用 者 确认 。 系 统 设计 说 明 书 是 进行 新 系统 建设 和 实施 的 规定 性 文件 。 
经 应 用 系统 的 使 用 者 确认 后 ,原则 上 不 再 进行 修改 。 如 有 重大 修改 则 应 重新 进行 系统 设 
计 , 少 量 修 改 可 以 在 系统 开发 完成 后 在 系统 维护 中 进行 。 系 统 设计 说 明 书 完成 后 进入 程 
序 代码 开发 和 调试 阶段 。 开 发 调试 完成 后 交 最 终 用 户 验收 和 试 运行 。 试 运行 合格 后 进入 
系统 的 维护 阶段 直至 系统 生存 周期 的 结束 , 旧 的 系统 被 新 的 系统 取代 ,上 升 到 一 个 新 系统 
的 生命 周期 。 

“网 上 书店 管理 信息 系统 ”的 设计 也 将 遵循 这 些 原则 。 由 于 本 书 的 主要 目的 是 讲解 
Web 技术 的 应 用 ,所 以 在 本 童 给 出 设计 结果 ,在 以 后 的 各 童 中 按照 本 童 的 设计 结果 ,以 实 
例 的 形式 给 出 部 分 功能 的 实现 代码 。 读 者 既 可 以 从 实例 中 学 习 Web 技术 的 应 用 ,也 可 以 
了 解 该 技术 在 整个 系统 开发 中 的 地 位 。 


3.2.1 系统 设计 原则 


1. 实用 
系统 设计 的 重要 原则 是 系统 的 实用 性 ,系统 必须 符合 用 户 的 需求 。 应 注重 采用 先进 、 
成 熟 而 实用 的 技术 ,使 系统 建设 的 投入 产 出 比 最 高 ,产生 良好 的 社会 效益 和 经 济 效 益 。 


2. 可 靠 
系统 中 的 软 硬 件 及 信息 资源 应 满足 可 靠 性 设计 要 求 ,保证 系统 长 期 安全 地 运行 。 
3. 先进 


在 实用 的 前 提 下 , 尽 可 能 跟踪 国内 外 先进 的 计算 机 软 硬 件 技术 、 信 息 技 术 和 网 络 通信 
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技术 ,使 系统 具有 较 高 的 性 能 指标 ,在 较 长 时 间 内 保持 技术 上 不 落后 。 

4. 可 扩充 

系统 的 软 硬 件 具有 升级 扩充 余地 ,不 因 系 统 的 扩充 、 升 级 或 改 型 使 原 有 系统 失去 
作用 。 

5. 安全 

系统 应 具有 必要 的 安全 保护 和 保密 措施 ,有 很 强 的 应 对 计算 机 犯罪 和 防范 病毒 的 
能 力 。 


6. 用 户 界 面 友 好 

贯彻 面向 最 终 用 户 的 原则 ,设计 并 制作 友好 的 用 户 界面 ,使 用 户 的 操作 简单 直观 , 易 
于 学 习 掌握 。 

7. 健壮 

系统 具有 较 强 的 抗 干扰 能 力 和 容错 能 力 , 对 各 类 用 户 的 误 操 作 或 异常 情况 应 有 提示 
或 自动 消除 能 力 。 


8. 适应 性 

系统 应 能 适应 业务 需求 的 变化 。 例 如 可 采用 参数 变化 设计 的 方法 , 当 用 户 需 求 发 生 
少量 变化 时 ,只 需要 适当 改变 参数 的 值 , 即 可 满足 用 户 需求 的 变化 ,使 系统 具有 较 好 的 适 
应 性 。 


3.2.2 系统 需求 分 析 


“网 上 书店 管理 信息 系统 ?是 网 上 书店 使 用 的 管理 信息 系统 ,读者 通过 网 络 连接 访问 
网 上 书店 ,查找 读者 需要 的 图 书 , 找 到 后 放 入 购物 车 并 填写 读者 相应 的 信息 。 书 店 管理 人 
员 定 期 查看 购物 车 的 情况 ,按照 读者 的 要 求 将 读者 申购 的 图 书 送 达 读者 ,完成 购书 活动 。 

随 着 因特网 的 迅速 发 展 , 网 民 数量 急剧 增长 ,形成 了 巨大 的 消费 市 场 。 图 书 作为 一 种 
特殊 商品 ,特别 适合 网 络 销售 活动 ,目前 已 具 规 模 的 如 当当 网 .亚马逊 .中 国 图 书 网 等 。 网 
上 书店 以 其 营业 成 本 低 、 服 务 时 间 长 .方便 用 户 等 特点 成 为 重要 的 图 书 销售 渠道 。 作 为 开 
发 实例 ,网 络 书 店 在 电子 商务 中 具有 一 定 的 典型 意义 。 本 书 的 教学 将 围绕 网 上 书店 的 开 
发 展开 ,通过 该 实例 讲解 Web 应 用 系统 中 的 各 种 技术 问题 。 

该 系统 的 使 用 人 员 主 要 有 网 络 购书 者 和 书店 工作 人 员 。 


3.2.3 网 络 及 服务 器 的 选择 


网 上 书店 是 一 个 网 络 上 的 虚拟 书店 ,由 内 部 网 络 和 外 部 网 络 两 部 分 组 成 。 网 上 书店 
内 部 网 络 系统 是 一 个 局 域 网 ,由 交换 机 等 网 络 设备 组 成 ,可 满足 书店 职工 工作 的 需要 。 内 
部 网 络 系统 通过 远程 线路 连接 到 互联 网 ,保证 读者 对 网 站 的 访问 。 本 店 职工 通过 内 部 网 
络 使 用 该 系统 ,读者 通过 因特网 访问 本 店 的 外 部 服务 器 (网 上 书店 Web 站 点 )。 为 保障 系 
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统 的 安全 ,使 用 防火 墙 隔离 内 部 网 络 和 外 部 服务 ,其 网 络 连接 如 图 3-1 所 示 。 

考虑 到 图 书信 息 的 电子 化 和 多 媒体 化 的 趋势 ,网 上 书店 内 部 网 络 带宽 采用 100MHz 
或 1000MHz 以 太 网 ,以 保证 系统 的 可 扩充 性 。 网 上 书店 管理 信息 系统 网 站 设置 外 部 服 
务 器 和 备份 服务 器 , 当 外 部 服务 器 受到 攻击 出 现 故障 时 ,备份 服务 器 中 的 数据 可 以 保证 迅 
速 恢复 系统 。 服 务 器 应 采用 性 能 价格 比较 高 的 服务 器 。 


3.2.4 系统 软件 结构 


网 上 书店 管理 信息 系统 采用 先进 的 Browser/Server/Database Server 模式 。 服 务 器 
端 采用 Web 方式 进行 应 用 系统 开发 ,客户 通过 浏览 器 访问 “网 上 书店 管理 信息 系统 ”, 服 
务 器 端 使 用 应 用 逻辑 服务 和 数据 库 服务 两 层 , 与 客户 端 形 成 三 级 系统 结构 。 采 用 这 样 的 
三 层 结构 ,具有 结构 清晰 、 便 于 维护 .运行 速度 高 等 特点 。 


3.3 系统 功能 设计 
3.3.1 “网 上 书店 管理 信息 系统 ”的 功能 


“网 上 书店 管理 信息 系统 ”的 主要 功能 包括 客户 端 处 理 和 管理 端 处 理 。 客 户 端 处 理 提 
供 客户 进入 书店 后 的 各 种 服务 ,包括 图 书展 示 、 用 户 身份 验证 购书 车 三 个 功能 模块 。 系 
统 提 供 方便 的 图 书 查找 工具 ,找到 所 需 图 书后 ,进行 网 上 订购 ,将 图 书 放 入 购物 车 ,确认 用 
户 身 份 , 直 至 用 户 决定 购买 (下 订单 )。 

管理 端 功能 可 解决 书店 内 部 的 处 理 问题 ,包括 图 书 管理 .读者 管理 `. 订 单 管理 和 本 店 
职工 的 工作 职责 与 权限 管理 等 。 网 上 书店 系统 功能 结构 如 图 3-2 所 示 。 


网 上 书店 系统 
客户 端 处 理 | 管理 端 处 理 
用 户 身份 验证 | ”| 图 书展 示 购书 车 | 
] 
图 | | 图 | | 热 | | 放 | | 查 | | 更 | | 订 | | 用 | | 留 | | 用 | [图 | | 订 | | 职 | 出 
户 户 | | 书 | | 书 | | 销 | | 入 | | 看 | | 新 | | 单 | | 户 | | 言 | | 户 | | 韦 | | 单 | | 工 | | 版 
注 登 | | 查 | | 展 | | 图 | | 网 | | 购 | | 购 | | 处 | | 留 | | 管 | | 管 | | 管 | | 管 | | 管 | | 社 
f 录 | | 遍 | | 示 | | 书 | | 书 | | 书 | | 书 | | 理 | | 言 | | 理 | | 理 | | 理 | | 理 | | 理 | | 管 
车 | | 车 | | 车 理 
图 3-2 ”网 上 书店 系统 功能 结构 
各 模块 功能 如 下 所 述 。 
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1. 客户 端 处 理 模块 

(1) 图 书展 示 功 能 

图 书展 示 功 能 提供 各 种 方便 的 浏览 图 书 工具 ,包括 新 书展 示 和 图 书 查询 。 

新 书展 示 : 从 数据 库 中 取出 标记 为 新 书 的 图 书 , 放 到 页 面 上 。 

图 书 查询 : 提供 方便 的 图 书 检索 工具 。 通 过 输入 所 要 查询 图 书 的 书 名 、 作 者 、 出 版 
社 、 关 键 字 等 信息 查询 图 书 , 读 者 还 可 以 进行 模糊 查询 。 

(2) 购书 车 

购书 车 功能 包括 放 入 购书 车 、 显 示 购 书 车 、 清 空 购书 车 等 。 

放 和 购书 车 : 读者 看 到 需要 图 书后 , 单 击 图 书 条 目 旁 的 购书 车 图 标 , 将 该 书 放 入 购书 车 。 

显示 购书 车 : 单 击 购书 车 图 标 随时 查看 购书 车 中 的 情况 。 

清空 购书 车 : 查看 购书 车 中 的 情况 并 可 以 请 空 该 购书 车 。 

继续 购书 : 查看 购书 车 后 返回 主 菜单 继续 购书 。 

去 收银 台 : 选 购 图 书后 下 订单 。 

(3) 订单 处 理 

把 图 书 放 入 购书 车 并 决定 购买 时 , 单 击 订单 按钮 进入 订单 处 理 模 块 ,系统 只 对 注册 了 
的 用 户 提供 图 书 订购 服务 。 如 果 是 合法 用 户 , 则 显示 订单 表格 ,要求 用 户 填写 相应 的 订单 
信息 。 系 统 检查 订单 信息 的 完整 性 和 正确 性 ,如 果 正 确 , 则 将 此 订单 存 入 数据 库 。 

(4) 用 户 身份 验证 

用 户 身 份 验 证 包括 用 户 注 册 和 用 户 登录 两 个 模块 。 

用 户 注 册 : 如 果 用 户 尚未 在 系统 中 注册 , 则 进入 用 户 注 册 窗 口 ,输入 注册 信息 。 要 求 
输入 用 户 的 账号 、 密 码 及 个 人 信息 。 系 统 将 检查 这 些 信息 ,不 合法 时 要 求 重新 输入 。 合 法 
时 将 用 户 信息 存 人 数据 库 。 

用 户 登 录 : 只 有 合法 注册 了 的 用 户 才 可 以 订购 图 书 。 进 入 订单 处 理 后 ,系统 要 求 输 
和 用户 的 账号 和 密码 ,进行 登录 并 信息 检查 。 用 户 登 录 后 可 以 修改 用 户 的 账号 和 密码 , 查 
看 订单 的 处 理 情况 及 订单 历史 纪录 ,也 可 查看 留言 的 处 理 情况 。 

(5) 读者 留言 板 

登录 的 客户 可 以 留言 。 通 过 留言 板 , 把 需要 的 图 书 、 要 求 和 建议 等 记录 下 来 ,与 图 书 
馆 管 理 人 员 交 流 。 

2. 管理 端 处 理 模 块 

管理 人 员 进 入 系统 时 要 进行 身份 检查 ,正确 时 方 可 进入 。 

(1) 用 户 管理 

读者 注册 后 用 户 的 状态 代码 为 未 激活 状态 。 管 理 人 员 在 处 理 订单 时 应 对 用 户 身份 的 
正确 性 进行 验证 (电话 、 短 信 等 确认 )。 如 果 正 确 , 则 将 用 户 状态 改 为 激活 ,打印 客户 清单 。 

(2) 职工 管理 

职工 管理 主要 处 理 职工 的 账号 和 密码 。 职 工 可 以 修改 自己 的 账号 和 密码 。 

(3) 订单 管理 

职工 随时 检查 订单 情况 ,查找 未 处 理 的 订单 。 找 到 未 处 理 的 订单 后 ,检查 用 户 状态 。 
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如 果 是 激活 状态 , 则 查找 图 书架 位 ,准备 配送 。 如 果 用 户 状 态 未 激活 , 则 进入 用 户 管理 模 
块 进 行 激活 处 理 。 图 书 配送 后 ,要 改变 图 书 数 量 ,并 将 订单 状态 改 为 完成 。 
(4) 图 书 管理 


书店 进 书后 ,管理 员 将 图 书信 息 和 图 书 所 在 架 位 的 情况 填 人 数据 库 中 。 
(5) 用 户 留言 管理 
处 理 用 户 留 言 信 息 ,并 将 处 理 日 期 .处理 人 和 处 理 意 见 填写 到 留言 表 中 。 


3.3.2 业务 流程 设计 


网 上 书店 管理 信息 系统 的 业务 总 流程 如 图 3-3 所 示 。 图 中 包含 了 网 上 书店 客户 端 和 
服务 器 端的 业务 流程 关系 。 本 书 将 逐步 讲解 这 个 系统 的 主要 处 理 逻 辑 。 


CC DD 
订单 库 | 【订单 细节 库 
| 1 
一 | 才刚 我 的 订单 查询 留言 库 
和 1 
用 户 登录 过 留言 反馈 查询 留言 反馈 意见 
三 一 / | 留言 
详细 精品 处 理 
信息 详细 
信息 
职工 
| 图书 管理 职工 库 
书 出 版 社 
(和 [管理 员 || 管理 


高 级 图 书 - 订单 人 
服务 员 查找 于 天- 管理 
下 


订单 库 
人 EE 

购物 车 |-( 到 天) 订单 
订单 细节 库 三- 


图 3-3 系统 业务 总 流程 


| 
用 


3.3.3 用户 界面 设计 
用 户 界面 是 用 户 使 用 系统 的 主要 工具 ,必须 精心 设计 ,使 系统 达到 最 佳 的 使 用 效果 。 
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系统 界面 主要 由 两 部 分 组 成 : 客户 端 页 面 和 管理 端 页 


1. 客户 端 主页 面 


面 。 


当 用 户 登 录 网 上 书店 时 ,进入 系统 的 主页 面 。 客 户 端 主页 面 如 图 3-4 所 示 。 
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主页 面 中 有 如 下 功能 区 。 
公告 栏 : 书店 发 布 的 公告 信息 。 
精品 图 书 栏 : 展示 当前 热 销 的 精品 图 书 。 
最 新 图 书 栏 : 展示 最 新 图 书 。 
图 书 查找 栏 ; 
息 进行 图 书 快速 查找 。 
用 户 注册 、 登 录 栏 : 


提供 用 户 快速 查找 图 书 的 功能 。 读 者 可 以 通过 书 名 、 作 者 、 出 版 社 等 信 


用 户 购书 时 ,系统 检查 用 户 的 登录 情况 ,只 有 登录 的 用 户 才 可 以 


购买 图 书 。 用 户 应 先 完 成 用 户 注册 ,填写 必 要 的 个 人 信息 ,得 到 用 户 名 和 和 密码。 注册 后 书 


店 将 长 期 保留 用 户 的 注册 信息 。 


用 户 登 录 系 统 时 输入 自己 的 用 户 名 和 密码 。 登 录用 户 可 


以 查看 自己 的 订单 情况 ,也 可 以 浏览 自己 的 读者 留言 的 反馈 信息 。 
购书 车 : 客户 可 在 任何 时 间 将 图 书 放 入 购书 车 ,进入 购书 车 查看 并 修改 购书 信息 ,下 
订单 (去 收银 台 ) ,完成 购书 活动 。 书 店员 工 将 根据 读者 订单 配送 图 书 。 


2. 管理 端 主 界面 


系统 管理 端 软件 由 本 店 职工 使 用 ,完成 书店 的 各 种 管理 业 
务 。 为 保证 系统 的 安全 ,管理 员 进 入 管理 系统 时 必须 输入 相应 
的 口令 。 管 理 员 登录 界面 如 图 3-5 所 示 。 


职工 输入 了 正确 的 用 户 名 和 口令 后 进入 管理 员 主 界面 


系 
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人 an 
用 户 各 
售 码 


图 3-5 管理 员 登 录 界面 


统 。 系 统管 理 端 主 界面 如 图 3-6 所 示 。 
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Word 实战 技巧 精粹 Excel Hone 编著 。 人 民 邮 电 出 版 社 闻 59. 00 100 
网 页 设计 与 制作 教程 (第 二 版 ) 赵 祖 戎 清华 大 学 出 版 社 站 29. 80 100 
Web 技 术 应 用 基础 《第 2 版 梦 月 华 清华 大 学 出 版 社 29. 00 100 
计算 机 组 装 与 维护 标准 教程 宋 强 清华 大 学 出 版 社 闻 39. 80 200 新 书 吕 除 
eb 程序 设计 Robert .Sebesta 清华 大 学 出 版 社 疗 58. 00 100 精品 出 防 
Java 程 序 设计 王国 辉 人 民 邮 电 出 版 社 丫 49.00 100 新 书 删除 
计算 机 网 络 教程 谢 希 仁 人 民 邮 电 出 版 社 丫 36.00 100 新 书 出 除 
5 程序 设计 语 浩 强 清华 大 学 出 版 社 丫 19. 50 100 精品 删 辽 
共 2 页 第 1 页 首页 上 一 页 
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图 3-6 系统 管理 端 主 界面 


3. 页 面 设计 所 使 用 的 技术 

界面 的 布局 和 页 面 制作 : 可 以 使 用 Dreamweaver、Flash 和 FrontPage 等 软件 。 不 管 
使 用 什么 软件 ,Web 编程 的 基础 都 是 HTML, 这 部 分 内 容 将 在 第 4 章 介 绍 。 

数据 库 信息 发 布 与 存储 技术 : 用 户 登录 时 在 界面 提交 的 用 户 名 和 密码 必须 与 数据 
库 userinfo 表 中 的 信息 一 致 , 才 允 许 用 户 进 入 系统 的 主 界面 ,这 需要 查询 数据 库 信 息 。 
读者 在 查询 图 书库 时 需要 查询 book 表 中 的 信息 ,找到 所 需 图 书后 ,系统 将 把 该 书 的 信 
息 返 回 给 读者 。 读 者 定购 图 书 时 系统 将 读者 定购 图 书 的 信息 写 入 orderform 订单 主 表 
和 orderdetail 订单 子 表 。 本 书 将 在 第 7、8、9、10、11 章 重点 介绍 应 用 较为 广泛 的 JSP 
技术 。 

其 他 界面 ,如 图 书 列表 界面 、 购 书 车 界面 和 客户 留言 等 ,将 在 后 面 详细 介绍 。 


3.4 数据 库 设计 


网 上 书店 使 用 SQL Server 2005 数据 库 ,数据 库 名 称 是 : bookshop。 
数据 库 是 应 用 系统 的 核心 ,应当 精心 设计 ,以 保证 系统 的 正确 .可 靠 ,高效 运 行 。 本 案 
例 的 数据 库 共 使 用 7 张 表 。 
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1. 图 书 表 ( 见 表 3-1) 


表 3-1 图 书 表 ( 表 名 :book) 

字 段 类 型 中 文 名 主键 /外 键 备 注 
bookid Varchar(50) 书号 pk 
bookname Varchar(200) 书 名 
author Varchar(50) 作者 
publisherid Int 出 版 社 id 
pubdate datetime 出 版 日 期 
category Varchar(50) 分 类 码 
price float 书 价 
content text 内 容 简 介 

Oi 
type Int 新 书 、 精 品 标志 1: 新 书 
: 精品 

quantity Int 库存 数量 
place Varchar(50) 图 书 所 放 的 位 置 
picture Varchar(50) 图 片 文件 名 

2. 用 户 表 ( 见 表 3-2) 

表 3-2 用 户 表 ( 表 名 :userinfo) 

字 段 类 型 中 文 名 主键 /外 键 备 注 
userid Varchar(50) 用 户 名 pk 
username Varchar(50) 姓名 
password Varchar(50) 密码 
gender Varchar(10) 性 别 
address Varchar(200) 住址 
email Varchar(50) E-mail 
phone Varchar(50) 联系 电话 
postcode Varchar(50) 邮编 

0: 未 激活 
state Int 用 户 状 态 1: 激活 
2: 重要 
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3. 订单 主 表 ( 见 表 3-3) 


表 3-3 订单 主 表 ( 表 名 :orderform) 


字 有 段 类 型 中 文 名 主键 /外 键 备 注 
orderid Varchar(50) 订单 号 pk 
orderdate datetime 订单 日 期 
userid Varchar(50) 用 户 id 
totalnum Int 所 购 图 书 数量 
totalamount float 总 金额 
payment Varchar(50) 付费 方式 
deliver Varchar(50) 送 货 方式 
receiver Varchar(50) 收 货 人 
address Varchar(200) 收 货 地 址 
phone Varchar(50) 联系 电话 
postcode Varchar(50) 收 件 人 邮编 

0: 未 处 理 
state Int 订单 状态 1: 发 货 
2: 完成 
4. 订单 子 表 ( 见 表 3-4) 
表 3-4 订单 子 表 ( 表 名 :orderdetail) 

字 段 类 型 中 文 名 主键 /外 键 备 注 
id Int 序号 pk 自动 增长 
orderid Varchar(50) 订单 号 
bookid Varchar(50) 书号 
bookname Varchar(200) 书 名 
publisher Varchar(200) 出 版 社 
unitprice float 单价 
ordernum Int 订购 数量 

5, 用 户 留 言 ( 见 表 3-5) 
表 3-5 用 户 留言 表 ( 表 名 :notes) 

字 段 类 型 中 文 名 主键 /外 键 备 注 
id Int | 序号 pk 自动 增长 
userid Varchar(50) 用 户 id 
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字 有 段 类 型 中 文 名 主键 /外 键 备注 
subject Varchar(200) 留言 主题 
datel datetime 留言 日 期 
context Text 留言 内 容 
employeeid Varchar(50) 处 理 人 id 
date2 datetime 处 理 日 期 
advice Text 处 理 建议 

6. 职工 表 ( 见 表 3-6) 

表 3-6 职工 表 ( 表 名 :employee) 

字 段 类 型 中 文 名 主键 /外 键 备 注 
employeeid Varchar(50) 职工 账号 pk 
name Varchar(50) 职工 姓名 
password Varchar(50) 密码 
gender Varchar(10) 性 别 
address Varchar(200) 住址 
email Varchar(50) E-mail 
phone Varchar(50) 联系 电话 
task Varchar(50) 工作 任务 

7. 出 版 社 表 ( 见 表 3-7) 

表 3-7 出 版 社 表 ( 表 名 :publisher) 

字 段 类 型 中 文 名 主键 /外 键 备 注 
publisherid Int 出 版 社 编号 pk 自动 增长 
name Varchar(50) 出 版 社 名 称 
linkman Varchar(50) 联系 人 
address Varchar(200) 出 版 社 地 址 
email Varchar(50) E-mail 
phone Varchar(50) 联系 电话 
website Varchar(200) 网 址 
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网 上 书店 管理 信息 系统 应 用 JSP 技术 实现 ,读者 在 学 习 本 书 的 内 容 时 可 以 参考 这 些 


程序 


代码 功能 见 表 3-8 和 表 3-9。 
表 3-8 客户 端 程序 清单 及 功能 表 


3.$ 代码 设计 与 实现 


功 能 程序 名 称 功能 描述 
主页 index. jsp 显示 书店 主页 
精品 图 书 excellent. jsp 显示 精品 图 书 
新 书架 newbook. jsp 显示 新 书架 图 书 
书目 查找 booksearch. jsp 书目 查找 
书目 查找 清单 booklist. jsp 书目 查找 清单 
我 的 订单 myorder. jsp 订单 查看 
购书 车 shoppingcart. jsp 显示 购书 车 
购书 车 addtocart. jsp 把 书 放 入 购书 车 
购书 车 increaseCart. jsp 增加 所 购 图 书 数量 
购书 车 clearcart. jsp 清空 购物 车 
购书 车 decreaseCart. jsp 减少 所 购 图 书 数量 
购书 车 delfromcart. js 取消 某 书目 
读者 留言 leaveword. jsp 显示 留言 板 
读者 留言 leaveword2. jsp 把 留言 写 入 数据 库 

表 3-9 管理 端 程序 清单 及 功能 表 
图 书 管理 booklist. jsp 显示 图 书 清单 
图 书 管理 bookadd. jsp 添加 图 书 
图 书 管理 bookedit. jsp 编辑 图 书信 息 
图 书 管理 bookdelete. jsp 删除 图 书 
图 书 管理 booksearch. jsp 查找 图 书 
用 户 管理 userinfolist. jsp 显示 用 户 清单 
用 户 管理 userinfoedit. jsp 编辑 用 户 信息 
用 户 管理 userinfoadd. jsp 添加 用 户 信息 
用 户 管理 userinfodelete. jsp 删除 用 户 
用 户 管理 userinfosearch. jsp 查找 用 户 
订单 管理 orderlist. jsp 显示 订单 清单 
订单 管理 orderedit. jsp 编辑 订单 信息 
订单 管理 ordersearch. jsp 查找 订单 
留言 管理 noteslist. jsp 显示 留言 清单 
留言 管理 notesedit. jsp 编辑 留言 信息 
留言 管理 notesdelete. jsp 删除 留言 
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管 notessearch. jsp 


留言 管理 

职工 管理 employeelist. jsp 
职工 管理 employeeadd. jsp 
职工 管理 employeeedit. jsp 
职工 管理 employeedelete. jsp 
职工 管理 employeesearch. jsp 
出 版 社 管理 publisherlist. jsp 

出 版 社 管理 publisheradd. jsp 

出 版 社 管理 publisheredit. jsp 
出 版 社 管理 publisherdelete. jsp 
出 版 社 管理 publishersearch. jsp 
显示 版 权 信息 Bottom. jsp 

显示 出 错 信息 error. jsp 

购书 车 的 数据 结构 CartBean. java 


查找 留言 

显示 职工 清单 
添加 职工 

编辑 职工 信息 
删除 职工 

查找 职工 
显示 出 版 社 清单 
添加 出 版 社 
编辑 出 版 社 信息 
删除 出 版 社 
查找 出 版 社 
显示 版 权 信息 
显示 出 错 信息 
购书 车 的 数据 结构 


3.6 网 上 书店 的 安装 及 使 用 


为 使 读者 在 学 习 过 程 中 易于 理解 ,并 参考 使 用 ,将 系统 适当 剪裁 并 移植 到 微机 环境 


中 。 将 网 上 bookshop 中 的 内 容 复制 到 Tomcat 的 发 布 目录 下 即 可 运行 。 


安装 步 又 如 下 。 
(1) 安装 JDK。 


(2) 安装 Tomcat。 


(3) 安装 MS SQL Server 2005 。 


(4) 附加 数据 库 bookshop ,把 bookshop 目录 下 的 数据 库 文 件 bookshop_Data. MDF 


和 bookshop_Log. LDF 附加 到 数据 库 中 。 


@ 在 桌面 上 选择 “开始 ”一 “所 有 程序 ”一 “Microsoft SQL Server 2005” 一 “SQL 
Server Management Studio”, 打 开 SQL Server 2005 界面 。 

@ 在 “对 象 资源 管理 器 ”窗口 中 , 右 击 “数据 库 ”, 选 择 “ 附 加 ”。 

@ 弹出 “附加 数据 库 ? 窗 口 ,在 窗口 中 单 击 “ 添 加 ”按钮 ,找到 bookshop_Data. MDF 文 


件 , 单 击 “ 确 定 ”按钮 。 


@ 回 到 “附加 数据 库 ? 窗 口 , 单 击 “ 确 定 ” 按 钮 ,完成 数据 库 bookshop 的 附加 。 


@ 创建 数据 源 ,选择 “控制 面板 ” ”管理 工具 ”~ 数据 源 "建立 与 该 数据 库 对 应 的 数 


据 源 , 数据 源 取 名 为 bookshoplk。 注 意 : 将 bookshop 设 为 默认 数据 库 。 
@@ 将 bookshop 整个 文件 夹 复 制 到 Tomcat 发 布 目录 webapps 下 。 


@ 以 上 步骤 完成 后 ,重启 Tomecat ,在 浏览 器 地 址 栏目 中 输入 


http://localhost:8080/bookshop/index.jsp 客户 端 彻 始 账号 和 密码 :pds/pass) 
http://localhost:8080/bookshop/admin.jsp 管理 端 赚 始 账号 和 密码 :admin/pass) 
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进入 网 上 书店 。 
小 结 


本 章 结合 “网 上 书店 ”案例 介绍 了 基于 Web 方式 的 信息 系统 的 开发 过 程 , 一 个 信息 系 
统 的 开发 需要 经 过 系统 分 析 、 系 统 设计 数据库 设计 、 系 统 详细 设计 及 系统 实现 、 系 统 维护 
等 环节 。 

本 书 不 要 求学 生 学 过 “管理 信息 系统 "和 有 关 数 据 库 的 课程 ,对 于 没有 学 过 这 些 课程 
的 学 生 ,只 要 能 够 理解 开发 过 程 , 并 能 比照 "网 上 书店 ?案例 进行 学 习 、 开 发 即 可 。 


习题 与 实 训 3 


一 、 简 答题 
. 基于 Web 的 应 用 系统 开发 的 主要 过 程 有 哪些 ? 
. 系统 设计 的 主要 原则 是 什么 ? 
. 系统 环境 建设 的 主要 步骤 有 哪些 ? 如何 选 择 通信 线路 ? 
. 完成 用 户 身份 验证 子 系统 的 分 析 与 设计 。 
完成 图 书展 示 子 系统 的 分 析 与 设计 。 
完成 用 户 留 言 子 系统 的 分 析 与 设计 。 
完成 购书 车 子 系统 的 分 析 与 设计 。 
完成 职工 管理 子 系统 的 分 析 与 设计 。 
二 、 实 训 课 题 
完成 一 个 网 上 购物 (例如 计算 机 、 笔 记 本 电脑 光盘、 旅游 用 品 等 ) 管 理 信息 系统 的 分 
析 与 设计 。 


oI- 
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Web 技术 中 很 重要 的 一 个 模块 是 Web 编程 技术 。Web 程序 设计 与 一 般 意义 上 的 程 
序 设计 有 所 不 同 ,专业 人 员 与 非 专 业 人 员 都 可 以 掌握 。 它 的 开发 工具 简单 好 用 ,语法 结构 
简洁 易 掌握 ,不 需要 太 多 的 专业 知识 ,特别 适合 非 专业 人 员 使 用 ,这 也 是 Web 技术 易于 普 
及 并 受 大 众 欢迎 的 重要 原因 之 一 。 本 篇 主要 介绍 Web 程序 设计 基础 , 它 也 是 以 Web 方 
式 开发 数据 库 应 用 的 基础 。 通 过 第 2 篇 的 学 习 , 读 者 将 掌握 Web 编程 基本 技术 ,完成 基 
本 的 Web 应 用 开发 工作 。 

第 2 篇 主要 内 容 包 括 : 

第 4 章 HTML。 

第 5 章 CSS。 

第 6 章 ， JavaScript。 

对 于 已 经 掌握 程序 设计 方法 的 技术 人 员 , 可 以 快速 通过 第 2 篇 ,掌握 Web 编程 的 要 
点 ,进入 后 续 内 容 的 学 习 。 


4 便 HTML 


网 页 是 以 HTML 格式 写成 的 。HTML 通过 标记 (Tag) 式 指令 ,将 影像 .声音 、 

图 片 和 文字 等 连接 并 显示 出 来 。HTML 是 符合 SGML (Standard Generalized Markup 
Language, 标 准 通用 标记 语言 ) 语 法 的 一 种 固定 格式 的 超 文 本 标记 语言 。 当 浏览 HTML 
页 面 时 ,浏览 器 将 自动 解释 标记 的 含义 ,并 按 标记 指明 的 格式 展示 内 容 。 

学 习 要 点 : 

(1) 熟练 使 用 HTML 标记 制作 网 页 。 

(2) 合理 选用 多 媒体 技术 ,使 页 面 图 \ 文 声音 、 色 彩 齐 茂 , 具 有 表现 力 。 

(3) 灵活 应 用 超 链接 过 a 二 标记 ,使 浏览 者 尽兴 冲浪 。 

(4) 制作 表单 , 供 客户 提交 信息 ,进行 网 上 购物 等 活动 。 

(5) 恰当 使 用 表格 标记 和 窗口 框架 标记 合理 布局 页 面 , 使 页 面 罗 辑 清晰 。 


4.1 HTML 概述 


HTML 是 一 种 控制 页 面 内 容 显 示 的 标记 语言 ,按照 HTML 语法 编写 的 文件 称 为 
HTML 文件 。 可 以 使 用 任意 的 文本 编辑 器 (如 记事 本 ,书写 板 等 ) 编 写 HTML 文件 ,以 纯 
文本 形式 存储 ,并 以 html 或 htm 为 扩展 名 (只 支持 三 个 字母 作 后 级 的 操作 系统 中 ,扩展 
名 是 “. htm”)。 文 件 编写 完成 后 .可 在 浏览 器 中 查看 效果 。 


4.1.1 HTML 入门 一 一 一 个 简单 HTML 案例 


例 4.1 制作 具有 跳 转 功能 的 简单 网 页 。 本 例 具有 两 个 页 面 ,文件 名 为 ex4-01. html 
和 ex4-01_1. html。 在 浏览 器 的 地 址 栏目 输入 文件 ex4-01. html 的 URL ,浏览 器 将 显示 
文件 ex4-01. html 的 内 容 。 在 该 页 面 单 击 超 链接 ,页 面 将 跳 转 到 ex4-01_1. html 页 面 ,这 
是 网 页 最 基本 的 功能 。 请 按 以 下 步骤 进行 。 


1. 编写 HTML 代码 
使 用 简单 的 文字 编辑 器 ,如 Notepad( 记 事 本 ) 和 WordPad( 书 写 板 ) 等 都 可 以 胜任 。 
在 编辑 器 中 输入 以 下 两 个 HTML 文件 的 代码 。 


(1) 文件 名 ex4-01. html 


<html> 
<head> 
<title> 简 单 的 html 案例 < /title> 
< /head> 
<body> 
欢迎 ! 
请 单 击 <a href= "ex4- 01 1.html"> Hello World!< /a> 
< /body> 
< /htm> 


(2) 文件 名 ex4-01_1. html 


<htm> 
<head> 
<title> Hello World!< /title> 
< /head> 
<body> 
祝贺 你 ,初试 成 功 ! 
< /body> 
</htm> 


以 扩展 名 “. html” 保 存 文件 。 
2. 页 面 测试 
在 浏览 器 中 显示 页 面 ex4-01. html 的 运行 结果 ,如 图 4-1 所 示 。 


在 图 4-1 的 页 面 中 单 击 *Hello World!”, 页 面 将 转 跳 至 代码 ex4-01_1. html 所 显示 的 
页 面 ,如 图 4-2 所 示 。 


鲁 简 单 的 htm 襟 例 - Windo... Em 
GOO: 钨 | | 颐 \ex_D04\ex4-01.html | 人 


DY Hello World ! - Windo.. [ea ll 


生 -|@ Nex poqex4ol lhtml [4 
文件 (F】 编辑 (B 查看 V) 收藏 夹 (A) 工 ” 
高 收 藏 内 | 例 Hello World! 


文件 (F】 编辑 (查看 (V) 收藏 实 (A) 工 ”|| 
言 收藏 只 | 优 简单 的 html 率 例 1 


欢迎 ! 请 单 击 Hello World! 


祝贺 你 ， 初 试 成 功 ! 


图 4-1 页 面 代 码 ex4-01. html 在 浏览 器 中 的 显示 图 4-2 页 面 转 跳 到 ex4-01_1. html 


3. HTML 标记 功能 简介 

以 页 面 代码 ex4-01. html 为 例 ,说明 HTML 标记 的 简单 使 用 。 

第 1 行 的 天 html 盖 和 最 后 1 行 的 二 /html 二 表示 html 文档 的 开始 和 结束 。 

第 2 行 的 本 head 二 和 第 4 行 的 二 /head> 指 示 HTML 文档 文件 头 的 开始 与 结束 。 

第 3 行 的 二 title 二 简单 的 html 案例 过 /title 二 ,在 浏览 器 标题 栏 显示 标题 “简单 的 
html 案例 ”标题 。 

第 5 行 的 二 body 二 和 第 8 行 的 二 /body 二 说 明 该 页 面 的 文件 体 的 开始 与 结束 ,文件 
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体 中 的 内 容 在 浏览 器 中 显示 。 

第 6 行 和 第 7 行 是 HTML 文档 正文 ,是 在 浏览 器 中 显示 的 内 容 。 第 7 行 中 的 
过 a href 王 "ex4-01_1. html" 之 Hello World! 过 /a 这 ,标记 二 a 请 说 明 其 后 的 文字 是 一 个 超 
链接 。 单 击 该 文字 ,页 面 将 转 跳 至 “ex4-01_1. html” 页 面 。 


4.1.2 HTML 文件 的 结构 


HTML 文件 以 始 标记 过 html 盖 开始 , 尾 标记 二 /html 之 结束 。 用 标记 二 head 盖 
一 /head 六 和 过 body 二 二/body 过 把 文件 分 为 两 部 分 。 在 二 head 二 与 一 /head 之 间 的 是 
文件 头 ,文件 头 内 包含 关于 文件 的 说 明 信 息 ,它们 不 和 文件 一 起 显示 。 在 二 body 之 和 
二/body 二 之 间 的 是 文件 正文 ,是 将 要 在 浏览 器 窗口 显示 的 内 容 , 包 括 标题 \ 段 落 、 列 表 、 
图 形 和 超 文 本 链接 等 。HTMIL 文件 结构 如 图 4-3 所 示 。 


<html> 

页 面 描 ‘<head> | 一 一 HTML 文 档 

述 信息 一 | 一 <title> 第 一 个 Web 网 页 </title> 

六 </head> 十 -一 文档 头 部 
<body> 
二 

人 Hello World! 文档 正文 

不 内 全 </body> 
<html> 


图 4-3 HTML 文件 结构 


4.1.3 HTML 标记 基本 语法 现象 


1. HTML 标记 的 作用 

HTML 是 Internet 上 大 多 数 计算 机 能 够 识别 的 语言 ,是 基本 的 发 布 语言 。HTML 
设置 标记 ,用 来 标志 文字 图形 和 图 像 等 信息 在 浏览 器 中 的 显示 方式 。 

HTML 是 制作 网 页 的 基础 语言 。 现 有 一 些 * 所 见 即 所 得 ”的 网 页 制作 软件 。 例 如 ， 
DreamWare、FrontPage 等 ,使 用 简单 方便 , 广 受 欢迎 。 应 用 这 些 软 件 开发 网 页 的 源 代码 
是 基于 HTML 的 。 若 开发 者 想 要 修改 页 面 , 表 现 个 性 ,就 必须 读 懂 源 代码 即 HTML, 进 
行 修 改 。 开 发 高 手 往往 直接 编写 HTML 代码 ,开发 出 的 网 页 简洁 高 效 。 开 发 动态 网 站 ， 
常 使 用 JavaScript、VBScript、ASP、ASP. NET 和 JSP 等 技术 。 这 些 代 码 段 是 要 黄 入 
HTML 代码 中 执行 的 , 故 HTML 是 Web 基础 语言 ,是 学 习 Web 技术 的 基础 。 

2. HTML 语法 

使 用 HTML 语言 在 网 页 上 展示 信息 ,必须 要 告诉 浏览 器 两 件 事 : 


。 要 显示 什么 内 容 一 一 显示 元 素 。 
。 以 什么 方式 显示 一 一 标记 。 


这 就 是 HTML 语法 的 两 个 重要 组 成 : 显示 元 素 和 标记 。 标 记 设 定 了 内 容 的 显示 方 
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式 , 显 示 元 素 是 通过 浏览 器 展示 的 内 容 。 通 过 例 4-1, 可 以 看 到 HTML 文档 标记 和 显示 
元 素 的 构成 格式 。 标 记 用 英文 二 二 括 起 来 ,使 用 格式 如 下 : 

< 标记 名 > 显示 元 素 < /标记 名 > 

例如 , 例 4-1 中 的 语句 “二 title 之 简单 的 html 案例 二 /title>”。 标 记过 title 二 的 标记 
名 是 “title”, 通 知 浏览 器 ,后 面 的 显示 元 素 “ 简 单 的 html 案例 ?将 在 浏览 器 的 标题 栏 中 显 
示 ( 见 图 4-1) , 尾 标 记 二 /title 二 说明 标题 功能 结束 。 

(1) 标记 大 多 成 对 出 现 , 由 始 标记 所 标记 名 之 和 尾 标记 过 /标记 名 之 组 成 , 尾 标记 与 
始 标记 同名 ,用 结束 符 *“/” 表 示 是 尾 标记 。 始 标记 通知 浏览 器 ,开始 执行 本 标记 名 指定 的 
功能 , 尾 标记 说 明 该 功能 到 此 结束 。 也 有 的 标记 没有 尾 标记 ,如 换行 标记 二 br> .输入 标 
记 氨 input 过 等 。 

(2) 标记 与 字母 的 大 小 写 无 关 , 可 以 大 小 写 混 用 。 例 如 ,二 BODY 二 一 body 之 和 
<Body 二 的 作用 是 一 样 的 。 

(3) 标记 可 以 联合 使 用 ,也 可 以 亦 套 使 用 。 

(4) 标记 可 以 带 有 一 个 或 多 个 属性 ,多 个 属性 用 空格 分 开 ,不 分 先后 。 属 性 用 来 设置 
标记 的 参数 ,例如 ,页 面 背 景 颜色 ,显示 文字 的 字体 .大 小 .颜色 等 。 属 性 使 用 格式 如 下 : 


< 标记 名 属性 名 二 属 性 值 1 属性 名 和 = 属性 值 2…> 显 示 元 素 < /标记 名 > 
例如 ,一 body bgcolor 一 blve> ,将 页 面 背 景 设 为 蓝 颜 色 。 

人 
标记 | [属性 属性 值 


4.1.4 HTML 页 面 结 构 标 记 


1. 文件 标记 二 html 二 … 一 /html 二 
在 html 文档 的 最 外 层 , 表 示 html 文件 的 开始 与 结束 。 


2. 文件 头 标记 一 head 二 … 一 head 二 

在 文件 头 标记 二 head 二 与 二 /head 二 之 间 保 存 说 明 整 个 文件 的 综合 信息 。 它 包含 如 
下 标记 。 

(1) 文件 标题 标记 三 title 二 … 达 /title> 

这 是 文件 头 中 的 最 常用 的 标记 , 它 给 出 文件 的 总 标题 ,在 浏览 器 标题 栏 中 显示 。 标 题 
应 简明 扼要 ,切中 文件 的 主题 ,以 便 Web 搜索 工具 索引 使 用 。 格 式 如 下 : 


<title > 标题 < /title> 


(2) 二 base href 二 "URL" 这 基地 址 标记 

它 用 来 指定 本 网 页 中 超 链接 的 基准 路 径 , 又 称 基 锚 。 使 用 该 标记 可 以 简化 页 面 中 超 
链接 的 编写 ,只 需要 写 出 相对 基准 路 径 的 相对 路 径 即 可 。 

(3) 二 meta 二 文档 相关 资料 标记 

二 meta 志 标记 有 属性 ,属性 值 提供 文档 相关 信息 。 例如, 语句: 二 meta name 一 " 作 
者 " content 一 " 张 三 "> ,提供 了 * 张 三 是 作者 ”这样 一 条 信息 。 
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二 meta 记 标记 的 字符 集 charset 属性 设置 网 页 使 用 的 字符 集 。 在 网 页 中 ,简体 中 文 
charset 一 gb2312 ,繁体 中 文 charset 一 big5, 纯 英文 页 面 charset 一 iso-8859-1 。 

注意 : 如 果 页 面 中 文 出 现 乱码 ,一 般 是 字符 集 charset 属性 设置 不 当 。 将 charset 属 
性 设 为 简体 中 文字 符 集 gb2312 ,浏览 器 就 能 正确 显示 。 设 置 方法 如 下 : 

<head> 

<meta http- equiv= "Content_ Type" content= "text/html"; charset= db2312> 

< /head> 

(4) 二 link 二 标记 

指明 本 网 页 需要 其 他 资源 的 情况 .显示 作者 信息 .相关 检索 信息 等 。 

(5) 二 style 二 … 达 /style> CSS 样式 标记 。 

文件 头 标 记 应 用 示例 如 下 : 


<htm> 
<head> 

<title> 简 单 的 html 案例 < /title> 

<base href= "http://wm.buu.edu.cn/"> 

< meta name= "author" content= "july"> 
< /head> 
<body> 

欢迎 ! 

请 单 击 <a href= "ex4- 01 1.htbml"> Hello World!< /a> 
< /body> 
< /html> 


3. 文件 主体 标记 一 body 二 … 一 /body 二 
所 body 之 标记 在 HTML 中 标明 文档 的 主体 ,是 HTML 文档 的 主要 部 分 。 所 body 过 
表示 文档 的 开始 ,过 /body 二 表示 文档 的 结束 。 亏 body 之 标记 可 以 利用 属性 使 页 面 带 有 
背景 颜色 或 背景 图 案 , 它 的 主要 属性 如 下 。 
。 bgcolor: 设置 页 面 背景 颜色 。 例 如 ,二 body bgcolor 二 # aa88gcc 二 ,所 body 
bgcolor 二 blue 二 将 设置 页 面 背景 为 蓝 色 。 
。 background: 背景 图 案 或 图 像 文件 的 URL。 例如 二 body background 一"back. 
E> 
。 text: 设置 网 页 文字 的 颜色 。 例 如 ,二 body text = red 二 。 
。 alink, vlink 和 link: 用 来 控制 页 面 超 链 接 文 字 的 颜色 ,link 属性 用 来 设置 尚未 链 
接 过 的 超 链 接 文字 的 颜色 ;vlink 属性 用 来 设置 已 经 链接 过 的 超 链接 文字 的 颜色 ; 
alink 属性 用 来 设置 鼠标 单 击 超 链接 后 超 链接 显示 的 颜色 。 例 如 ,二 body alink 
二 "green" vlink 二 "red" link 二 "blue" 记 ,热点 文字 在 链接 前 是 蓝 色 , 激 活 时 是 绿 
色 , 链 接 过 后 是 红色 。 
颜色 用 6 位 十 六 进 制 的 红 - 绿 - 蓝 (red-green-blue,RGB) 值 表示 ,rrggbb。 常 用 颜色 及 
其 对 应 的 十 六 进 制 数 对 照 见 表 4-1。 
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表 4-1 常用 颜色 的 十 六 进 制 数 对 照 表 


颜 色 十 六 进 制 数 颜 色 十 六 进 制 数 
black( 黑 ) 井 000000 gray( 灰 ) 井 808080 
navy( 深 蓝 ) 井 000080 silver( 银 灰 ) #COCOCO 
blue( 蓝 ) 井 0000FF red( 红 ) 井 FF0000 
teal( 墨 绿 ) 井 008080 magenta( 洋 红 ) # FFOOFF 
green( 绿 ) 井 00FF00 yellow( 黄 ) 井 FFFF00 
cyan( 青 ) #00FFFF white( 白 ) #FFFFFF 


4. 注释 标记 
使 用 格式 : 


< 上 -注释 内 容 --> 


注释 内 容 不 在 浏览 器 中 显示 ,只 供 阅 读 理解 使 用 。 
通过 本 节 的 学 习 , 我 们 掌握 了 HTML 标记 的 功能 、 文 档 的 创建 .文档 结构 和 结构 标 
记 的 使 用 。 利 用 这 些 最 基本 的 技术 ,就 可 以 开发 简单 的 页 面 了 。 


4.2 HTML 页 面 修饰 标记 


页 面 修饰 标记 主要 用 于 控制 页 面 的 段落 ,显示 字符 的 大 小 .颜色 .字体 和 属性 等 。 
4.2.1 标题 标记 二 hn 盖 … 一 /hn> 


标题 标记 用 来 标示 页 面 中 的 标题 文字 ,被 标示 的 文字 将 以 粗 体形 式 显 示 。HTML 定 
义 了 六 级 标题 文字 ,n 的 范围 是 1 一 6,<hl 二 标记 的 字体 最 大 最 黑 , 其 余 的 依次 变 小 ， 
过 h6 二 最 小 。 它 们 需要 与 尾 标记 一 起 使 用 。 

语法 : 

<hn align= left|center|right> 标 题 文 字 < /hn> 


其 中 ,align 属性 用 来 控制 标题 文字 的 对 齐 方式 ,也 就 是 在 浏览 器 窗口 中 的 位 置 : left 左 对 
齐 ( 默 认 对 齐 方 式 ) ,在 窗口 的 左边 ;center 居中 ;right 右 对 齐 。 
注意 : 标题 标记 具有 换行 功能 ,每 个 标题 独占 一 行 。 


4.2.2 文字 样式 标记 所 font 盖 … 一 /font 


文字 样式 标记 的 属性 可 以 控制 显示 文字 的 字体 .大 小 和 颜色 。 
语法 : 
<font 属性 = 属性 值 > 文 字 < /font> 
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去 font> 标 记 属性 的 说 明 见 表 4-2。 
表 4-2 一 font 一 标记 属性 
属 性 功 能 


设置 文字 的 字体 。 如 果 指 定 的 文字 在 用 户 系 统 中 不 存 
在 , 则 使 用 默认 字体 。 


应 用 举例 


face 一 font face 王 "楷体 "二 


| 设置 字体 的 大 小 ,分 为 7 级 ,等 级 7 最 大 ,默认 值 是 3, 也 | nt size 一 6 一 
Size 了 i Se plo size 一 十 2, 表 示 3 十 2 二 5 号 字 ， 
可 以 在 默认 字号 的 基础 上 进行 加 减 运算 ,取得 字号 值 。 | > 站 区 


color | 设置 字体 的 颜色 (属性 值 见 表 4 一 1) 一 font color = "red"> 


注意 : 标题 标记 的 字号 是 ; 1 大 6 小 ,而 字体 标记 二 font Size 一 字号 二 是 : 1 小 7 大 。 
4.2.3 特定 文字 样式 标记 


HTML 中 的 一 些 标记 可 以 使 文字 以 特定 的 样式 显示 ,这 些 标记 分 为 两 类 : 物理 类 型 
和 好 辑 类 型 。 物 理 类 型 的 标记 直接 指定 文本 显示 的 具体 样式 ,例如 ,显示 为 粗 体 、 和 斜体 或 
下 划 线 等 。 逻 辑 类 型 的 标记 说 明文 本 的 用 途 , 进 而 决定 文本 的 样式 ,例如 突出 显示 、 按 地 
址 显示 等 。 常 用 的 描述 文本 样式 的 标记 见 表 4-3。 


表 4-3 字体 标记 
文本 样式 描述 标记 类 别 
粗 体 <b>:…</b> 物理 
斜体 < 这 …<</ 这 物理 
下 划 线 <u>…</u> 物理 
删除 划 线 <s>…</s> 物理 
上 标 二 sup 二 … 一 /sup 二 物理 
下 标 一 sub 二 … 一 /sub 二 物理 
大 字体 <big>*…</big> 物理 
小 字体 =small>*…<=/small> 物理 
重点 突出 显示 ( 粗 体 ) <=strong>*…</strong> 逻辑 
突出 显示 (斜体 ) em>*……</em> 逻辑 
电子 邮件 和 网 址 (缩小 十 斜体 字 ) 一 address 二 … 一 /address 二 逻辑 
按 代码 显示 (缩小 字体 ) <code>…</code> 逻辑 


4.2.4 特殊 字符 


有 些 符号 已 被 HTML 占用 ,具有 特殊 意义 ,例如 ,“ 二 ”和 “二 ”是 标记 名 的 界定 符 。 
想 要 在 页 面 中 显示 这 些 字符 ,就 要 使 用 特殊 字符 转 义 ,例如 ,用 "&gt; ”显示 "二 ”号 。 特 殊 
字符 由 三 部 分 组 成 ,以 “&.” 开 始 ,中 间 是 字符 的 描述 , 常 使 用 字符 英文 缩写 ,用 “;” 号 结束 。 


表 4-4 列 出 了 常用 特殊 字符 。 
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表 4-4 常用 特殊 字符 


例 4.2 特殊 字符 的 应 用 。ex4-02. html 源 代码 如 下 ,显示 效果 见 图 4-4。 
ex4-02. html 代码 清单 如 下 


<html>< heag> < title> 特殊 字符 应 用 < /title> < /head> 
<body> 

显示 gnbsp 空格 <br> 

显示 squot 引号 字符 gquot< br> 

显示 sgt 和 &lt <br> 

显示 版 权 号 copyright gcopy;2013 <br> 

< /body> < [htm> 


图 4-4 特殊 字符 的 应 用 


4.2.5 段落 标记 


HTML 文档 中 的 空格 .Tab 符 、 回 车 换行 符 等 ,在 浏览 器 中 不 起 作用 ,必须 要 使 用 标 
记 , 才 能 使 文章 分 出 段落 , 显 出 层次 。 

1. 段落 标记 二 p 二 

语法 : 

<p align= left|center|right> 段 落 文 字 < /p> 

二 p 二 标记 表示 另 起 一 段 , 并 在 段 前 空 一 行 。 结 束 标 记 二 /p 二 可 略 去 不 用 。 属 性 
align 设置 文字 对 齐 方 式 。 

2. 换行 标记 二 br 二 

浏览 器 遇 到 br 之 标记 换行 ,中 间 不 插入 空 行 。 

3. 禁止 换行 标记 二 nobr 二 

语法 : 

<ncbr> 段 落 文字 < /nobr > 

在 默认 状态 下 ,页面 内 容 随 浏览 器 窗口 宽度 自动 换行 。 若 不 需要 自动 换行 ,在 换行 标 
记过 br 之 前 加 “no”, 构 成 禁止 换行 标记 过 nobr>。 表 示 在 二 nobr> 与 二 /nobr> 之 间 显 示 
的 内 容 ,不 随 浏览 器 宽度 自动 换行 。 如 果 显 示 内 容 的 行 长 比 浏览 器 窗口 宽 , 在 窗口 下 会 出 
现 一 个 水 平 滚动 条 ,浏览 者 可 以 滚动 浏览 。 禁 止 换行 标记 要 使 用 尾 标记 所 /nobr> ,表示 
禁止 自动 换行 解禁 。 


4. 水 平 线 标记 二 hr 二 
使 用 格式 : 
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<hr 属性 名 芭 属 性 值 1 属性 名 三 属性 值 2…> 


三 hr 二 标记 在 页 面 上 画 出 一 条 水 平 线 , 分 隔 页 面 ,使 页 面 内 容 清晰 醒目 。 使 用 二 hr 二 
标记 的 属性 值 控制 水 平 线 的 粗细 、 颜 色 、 宽 度 和 对 齐 方 式 , 常 用 的 属性 见 表 4-5。 


表 4-5 二 hr 二 标记 的 常用 属性 


属性 名 功 能 示 例 
size 水 平 线 的 粗细 ,以 像素 为 单位 ,默认 值 是 1 一 hr size 一 6 二 
dit 水 平 线 宽度 ,以 像素 为 单位 ,也 可 是 对 窗口 的 百分比 ,默认 值 0 
为 100% 
align 对 齐 方 式 , 可 取 值 为 ;left、center 或 right, 默 认 值 是 center 一 hr align= right> 


color 水 平 线 的 颜色 所 hr color=red> 


5. 预 格式 化 标记 一 pre 二 

HTML 文档 中 的 空格 Tab 符 、 回 车 换行 符 在 浏览 器 中 不 起 作用 ,也 就 是 说 在 记事 本 
中 排 好 的 版 ,在 浏览 器 中 不 起 作用 ,使 用 标记 显示 格式 又 略 显 麻烦 。 二 pre 二 预 格 式 化 标 
记 可 以 省 去 这 些 烦恼 ,使 得 在 HTML 文档 中 排 好 的 版 式 , 在 浏览 器 中 原样 显示 。 

语法 : 


<Ppre> …< /pre > 


4.2.6 页 面 修 饰 标 记 应 用 案例 


例 4.3 代码 ex4-03. html 说 明了 页 面 修饰 标记 的 使 用 。 代 码 清单 如 下 : 


<htm> 
<head> 
<title> 页 面 修饰 标记 应 用 < /title> 
< /head> 
<body bgcolor= #f0f0f0> 
<h2 align= "center" > 显示 2 号 标题 字 < /h2> 
< center> 
<p> 
< font color= "blue" face= 吓 书 " size=5> 显 示 蓝 色素 书 字 体 < /font> 
<br><s> 显 示 删 除 划 线 < /s> 
< address> aaaa@ buu.ccm.cn (显示 地 址 )< /address> 
<hr color= "red"> 
显示 上 标 : xc sup> 3< /sup><br> 
显示 下 标 : xc sub> 2< /sub> 
< /center> 
< hr color= #00FFFF size= 4> 


<pre> 


预 格式 化 标记 应 用 


关 


< /pre> 
< /body> 
< /htm> 
在 浏览 器 中 显示 效果 如 图 4-5 所 示 。 


-~ 


宽 收 祝 末 | 次 回 建 议 网 站 v 顷 ] 网 页 快讯 库 Y 
闻 僵 ~ ee » 

显示 2 号 标题 字 
显示 蓝 色 隶书 字体 


最 示 删 除 蓝 线 
aaaa@buu. com. cn ( 凶 示 坊 四 ) 


显示 上 标 : x 
显示 下 标 : x 


预 格式 化 标记 应 用 
来 


~ 
来 


油 计 算 机 | 保护 模式 禁用 级 v 所 150% >， 


图 4-5 页 面 修饰 标记 应 用 示例 


4.3 多 媒体 标记 


4.3.1 图 像 标记 二 img 二 


图 像 标记 二 img 之 是 image 的 缩写 。 为 了 在 页 面 上 幅 入 图 像 , 有 两 件 事 是 必须 让 浏 
览 器 知道 的 ;一 要 说 明 笛 入 的 是 图 像 , 用 标记 名 二 img 二 告知 ;二 要 说 明 图 像 文 件 在 哪里 ， 
用 属性 “src” 指 出 。 

语法 : 

< img src= "URL" alt= "文字 说 明 ">…< /img> 

二 img 二 标记 的 属性 见 表 4-6。 

常用 图 像 文件 格式 为 : jpg、gif、swfh 和 bmp, 例 如 ,xiongmao. jpg。 
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表 4-6 二 img> 标 记 的 属性 


属 性 功 能 示 例 
STC src 是 必 选 项 ,指出 图 像 文件 的 路 径 或 URL 一 img src 一 "ex4 一 03. jpg"> 
定义 一 个 文本 串 ,浏览 器 未 完全 读 和 图像 或 因 故 有 
二 不 能 显示 图 像 时 ,图 像 位 置 显示 文本 串 ; 浏 览 器 可 | 一 img at “新 疆 史 纳 斯 湖上 


以 显示 图 像 时 ,alt 属性 不 起 作用 作用 全》 全 


文本 与 图 像 的 对 齐 方式 ,可 取 值 有 :left、middle、| 二 img align 二 bottom 二 图 像 底 
right top 和 bottom 部 与 文本 对 齐 


align 


border 图 像 边 框 宽度 (以 像素 为 单位 ) ,border=0 无 边框 | 二 img border 王 3 二 


<~i idth= 二 "105" height= 
width 和 height | 图 像 的 高 度 和 宽度 (以 像素 为 单位 ) 


4.3.2 背景 音乐 标记 过 bgsound> 


使 用 嵌入 背景 音乐 标记 <bgsound> ,可 以 在 打开 网 页 时 自动 播放 音乐 。 

语法 : 

<bgsound src= "音乐 文件 的 URL" loop= 循 环 播放 次 数 > 
其 属性 功能 如 下 。 

(1) src: 背景 音乐 文件 的 URL。 

(2) loop: 背景 音乐 的 循环 播放 次 数 , 如 果 loop= 一 1, 则 表示 循环 不 止 地 播放 音乐 。 

例如 ,语句 二 bgsound src 三 "音乐 文件 . mid" loop=6 过 ,打开 网 页 后 自动 播放 “音乐 
文件 . mid”6 次 。 


4.3.3 音乐 和 影像 文件 标记 过 embed 二 


语法 : 

<enbed src= "音乐 或 影像 文件 的 URL" width= 播 放 器 宽度 height= 播 放 器 高 度 autostart= 是 否 自动 揪 

放 loop= 是 否 重复 > 

过 embed 盖 标记 把 音乐 和 影像 嵌入 页 面 , 其 属性 功能 如 下 : 

(1) src: 给 出 音乐 或 影视 文件 的 URL。 

(2) width 和 height: 给 出 播放 器 在 页 面 中 的 宽 和 高 ,以 像素 为 单位 。 

(3) autostart: autostart 一 true 打开 页 面 时 自动 播放 ,no 表示 不 播放 ,默认 值 是 no， 
autostart 一 false 单 击 播放 。 

(4) loop: loop 二 true。true 表示 无 限制 重复 播放 ;no 表示 只 播放 一 次 ,默认 值 是 no。 
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4.3.4 页面 多 媒体 技术 应 用 案例 


例 4.4 页 面 代码 ex4-04. html 说 明了 图 像 标记 的 使 用 ,代码 清单 如 下 : 


<html>< head> 
<title> 图 像 标 记 的 应 用 < /title> 

< /head> 

<body> 

< img src= "ex4- 04.jpg" align= bottam border= 1 width= "153" height= "99" 
alt= "新 疆 喀 纳 斯 湖 ,jpeg 文 件 (78,138 字 节 )"> 

<br> 新 疆 喀 纳 斯 湖 

</body> < /html> 


当 图 像 能 够 在 浏览 器 中 显示 时 ,显示 如 图 4-6(a) 所 示 ; 当 图 像 因 故 不 能 在 浏览 器 中 显 
示 时 ,显示 如 图 4-6(b) 所 示 。 


文件 (F) 编辑 (E) 查看 (V) 收藏 夹 》 
痪 收藏 夹 | 资 加 建议 网 站 v 外] 
| | | 售 国信 标记 的 应 用 | 


jpeg 文 件 
(78, 138 字 
节 ) 


新 疆 喀 纳 斯 湖 
呈 计算 机 | 保护 模式 :禁用 4H 了 . 


(b) 不 能 显示 
图 4-6 图 像 标 记 应 用 案例 


例 4.5 页 面 代码 ex4-05. html 说 明了 音乐 文件 的 使 用 ,代码 清单 如 下 : 


<html> < head> 

<title> 自动 播放 音乐 文件 < /title> 
< /head> 
< body> < center> 


自动 播放 音乐 文件 <br> 

< enbed src= "音乐 文件 .mid" width= "307" height= "198" 
autostart= true loop= true> < /center> 

< /body> < /html> 


注意 : 音乐 文件 . mid 和 页 面 文件 存放 在 同一 目录 下 。 页 面 显示 时 ,同时 播放 “音乐 
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文件 . mid” 中 的 音乐 。 
例 4.6 页 面 代码 ex4-06. html 说 明了 影像 文件 的 使 用 ,代码 清单 如 下 : 


<htm> < head> 
<title> 自动 播放 影像 文件 < /title> 

< /head> 

< body> < center> 


自动 播放 影像 文件 <br> 
< eatbed src= "影像 文件 mpg" width= "307" height= "198" autostart=true loopr true> 
< /center> 


< /body> < /html> 
读者 可 以 在 浏览 器 中 测试 页 面 效果 。 


4.4 表格 .列表 与 块 容器 标记 


一 个 好 的 页 面 内 容 丰 富 .逻辑 清楚 、 层 次 分 明 。 页 面 文字 应 根据 需要 合理 布局 \ 分 隔 、 
分 块 . 分 段 ,以 增强 文字 的 表现 力 。 


4.4.1 表格 标记 一 table 之 … 一 /table 二 


为 使 网 页 内 容 排列 有 序 , 常 使 用 表格 或 框架 技术 (框架 将 在 本 章 4.7 节 介 绍 ) 将 页 面 
内 容 布 局 。 表 格 可 使 信息 分 类 、 分 格 、 定 位 显示 。 


1. 表格 标记 的 使 用 格式 
HTML 中 使 用 二 table 二 标记 建立 表格 ,表格 由 行 、 列 和 单元 格 组 成 。 为 创建 表格 , 必 
须要 有 标记 ,标识 表格 .表格 的 行 和 单元 格 。 它 的 使 用 格式 如 下 : 


< table border> 
< caption> 表 格 标题 < /caption> 
<tr> 
<th> 第 1 列表 头 < /th><th> 第 2 列表 头 < /th>…<th> 第 n 列 表 头 < /th> 
</tr> 
<tr> 
<t 中 第 1 行列 表 项 < /to><to> 第 1 行 .2 列 表 项 < /to>…<to> 第 1 行 .n 列 表 项 < /to> 
</tr> 
<tr> 
<toq> 和 第 2 行 、1 列 表 项 < /ta><to> 第 2 行 .2 列表 项 < /to>…<to> 第 2 行 .n 列 表 项 < /td> 
</tr> 
<tr> 
<to 第 n 行 .1 列表 项 < /ta><to> 第 n 行 .2 列表 项 < /to>…<to> 第 n 行 .n 列 表 项 < /ta> 
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</tr> 


< /table> 


表格 由 一 table> .一 caption 二 、<tr 二 和 二 td>4 个 标记 建立 ,它们 的 作用 如 下 : 
(1) <table 盖 …</table 之 标记 ,在 二 table 之 与 二 /table 之 之 间 定 义 表 格 , 内 含 表 格 
标题 . 表 头 、 行 及 单元 格 。 一 table 之 标记 具有 的 属性 见 表 4-7。 


表 4-7 二 table 二 标记 的 属性 


属 性 功 能 示 例 
border et 无 二 table border=3> 
width 表格 的 宽度 和 高 度 (以 像素 为 单位 ) ,数值 或 百 
和 height 分 比 ,默认 自动 匹配 < 一 table width 一 80% height=60%> 
bgcolor 表格 背景 色 , 默 认 白 色 和 table bgcolor 一 red 一 
bordercolor | 表 线 颜色 ,默认 黑色 一 table bordercolor= green> 


cellspacing 


单元 格 之 间距 离 , 以 像素 为 单位 ,默认 值 为 1 


一 table cellspacing =20> 


cellpadding 


单元 格 内 容 与 表 线 之 间 的 距离 ,以 像素 为 单位 ， 
默认 值 为 1 


=table cellpadding =20> 


align 


表格 在 页 面 中 位 置 , 可 取 值 :left| center|right 


=table align= right> 


(2) 标题 标记 过 caption 盖 … 王 /caption 二 ,在 二 caption 过 与 二 /caption 二 之 间 定 义 表 
格 标题 。 如 果 表 格 用 来 布局 页 面 , 也 可 以 没有 表格 标题 。 表 格 标题 具有 属性 align。align 
二 top 表格 标题 位 于 表 首 ,默认 值 是 top;align 二 bottom 表格 标题 位 于 表 尾 。 

(3) 行 标记 二 tr 二 … 过 /tr 二 ,每 一 行 以 二 tr 开始 ,用 二 /tr 过 结束 。 表 头 元 素 用 
二 th 之 二 /th 二 定义 , 表 头 显示 成 黑体 。 

(4) 单元 格 标记 <<td 之 …</td> ,单元 格 内 容 用 二 td 二 二 /td 二 定义 。 

二 tr 这 过 td 之 过 th 过 标记 的 属性 见 表 4-8。 


表 4-8 二 tr> 二 td 二 一 th 二 标记 的 属性 
属 性 功 能 示 例 
align | 单元 格 内 容 水 平 对 章 方式 ,可取 值 sleft|eenter right | 本 一 1 
ellen 单元 格 内 容 重 直 对 齐 方式 ,可 取 值 :top | middle | i 
bottom | baseline 
width 单元 格 的 宽度 和 高 度 (以 像素 为 单位 ) ,数值 或 百 分 i 1 
和 height | 比 ,默认 自动 匹配 < 一 td width 一 80% height=60%> 
bgcolor 单元 格 背景 色 ,默认 白色 =td bgcolor 一 red 二 
rowspan | 单元 格 向 下 跨 n 行 ,相当 于 合并 单元 格 ,n 所 一行 数 | 二 td rowspan 一 2 二 
colspan ”| 单元 格 向 右 跨 m 列 ,相当 于 合并 单元 格 ,m 二 二 列 数 | 二 td colspan 一 3 二 
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2. 表格 标记 应 用 案例 
例 4.7 文件 ex4-07. html 制作 了 一 个 课表 ,代码 清单 如 下 : 


<html> <head> 
<title> 表 格 标记 应 用 案例 < /title> 
< /head> 
<body> 
< table border= 2> 
< caption> 0705331 课 表 < /caption> 
<tr> 
<th> 节 次 < /th><th> 星 期 一 < /th><th> 星 期 二 < /th>< th> 星 期 三 < /th><th> 星 期 四 < /th><tb 
> 星期 五 < /th> 
</tr> 
be 
<to>12< /to><to> 英 语 < /to><to> 操 作 系统 < /to><to> 网 络 基 础 < /td> <t 中 英语 </td 
<t 中 数据 库 原理 < /td> 
</tr> 
<tr> 
<td> 3.4< /to> < to> Java< /ta>< to 数据 库 原理 < /ta><to> 实 验 < /ta>< ta> uava< /td> <td> 操作 
系统 < /td> 
</tr> 
<tr> 
<td> 5.& /td><td> 网 络 基 础 </to><to> 实 验 < /ta><to> 实 验 < /to><to> 实 验 < /td 
</tr> 
< /table> 
< /body> < /html> 


课表 在 浏览 器 中 的 显示 效果 如 图 4-7 所 示 。 


| rp ial RV KA) TR 
高 收 熙 天 “| 篇 去 格 标 记 应 用 宣 例 


2012110125331 课 表 


节 次 星期 一 星期 二 星期 三 ”| 星期 四 星期 五 

1、2 | 英语 操作 系统 网 络 基础 | 英语 数据 库 原理 
3、 4 
5、 6 


Java 数据 库 原理 实验 Java 操作 系统 
网 络 基础 实验 实验 实验 


图 4-7 课表 


4.4.2 列表 标记 


在 制作 网 页 时 ,使 用 列表 使 内 容 按 条 目 显示 ,清晰 明了 。HTML 提供 了 3 种 类 型 的 
列表 : 二 ul 二 标记 定义 无 序列 表 (unorder list) ,三 ol 请 标记 定义 有 序列 表 (order list)、 
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二 dl 二 标记 定义 描述 列表 (description list)。 在 列表 中 的 每 一 项 以 标记 二 li 开始 ,结束 
标记 二 /li 二 是 可 选项 。 列 表 可 以 骨 套 使 用 ,一 个 列表 中 的 列表 项 又 可 以 是 一 个 列表 。 


1. 无 序列 表 标 记 二 ul… 二 /ul 

二 ul 二 标记 定义 一 个 无 序列 表 , 二 ul 二 需 要 使 用 尾 标 记 二 /ul。 它 具有 属性 type， 
type 可 以 取 以 下 值 : 

type 一 disk: 加 重 符号 是 实心 圆 点 (默认 ) 。 

type 一 circle: 加 重 符号 是 空心 圆 点 。 

type 一 square: 加 重 符号 是 实心 方块 。 

例 4.8 本 例 说 明了 无 序列 表 标 记 的 使 用 ,页 面 代 码 ex4-08. html 清单 如 下 : 


<head> 
<title> 无 序列 表 标 记 应 用 案例 < /title> 
< /head> 
<body> 
<h4> 无 序列 表 1< /h4> 
<ul> 
<1li><h5> 第 一 项 。</h5>< /1i> 
<1li><h5> 第 二 项 。</h5></l1i> 


< /ay> | 无 序列 表 1 
<h4> 无 序列 表 2< /h4> 。 第 一 项 。 
<ul type= circle> 。 第 二 项 . 


<li><h5> 第 一 项 。< /h5>< /1i> 
<1i><h5> 第 二 项 。< /h5>< /1i> 
</ul> 
< /body> < /html> 
该 页 面 代码 在 浏览 器 中 显示 效果 如 图 4-8 所 示 。 图 4-8 无 序列 表 标记 应 用 案例 


2. 有 序列 表 标 记 二 ol 二 … 一 /ol 二 

二 ol 二 标记 定义 一 个 有 序列 表 , 需要 使 用 尾 标记 过 /ol>。 列 表 中 各 项 的 序列 号 由 浏 
览 器 自动 给 出 。 

有 序列 表 标 记过 ol 之 有 属性 type 和 start。 属 性 type 可 以 取 以 下 值 。 

type 王 1: 默认 值 ,用 数字 1、2、3 等 标识 各 项 。 

type 二 A: 用 大 写字 母 A、B.C 等 标识 各 项 。 

type 二 a: 用 小 写字 母 a、b、c 等 标识 各 项 。 

type 二 1: 用 大 写 罗马 字母 标识 各 项 。 

type 一 i: 用 小 写 罗马 字母 标识 各 项 。 

用 start 属性 指定 列表 从 哪个 数字 开头 。 例 如 type 二 A 的 有 序列 表 , 如 果 令 start 王 
3 ,这 个 列表 的 第 一 项 将 从 C 开始 ,以 下 为 D.E- 下 等 。 

二 l 访 标记 可 以 具有 属性 value, 它 把 这 一 项 的 列表 编号 指定 为 特定 值 。 

例 4.9 本 例 说 明 无 序列 表 标 记 的 使 用 ,页 面 代码 ex4-09. html 清单 如 下 : 
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<htm><head> 
<title> 有 序列 表 标记 应 用 案例 < /title> 
< /head> 
<body> 
<h3> 有 序列 表 的 属性 < /h3> 
<ol type= I> 
<1i><h4> 有 序列 表 标 记 具 有 属性 start, 指 定 列表 编号 的 开头 值 。< /h4> 
<1i><h4> 有 序列 表 标记 具有 属性 type< /h4> 
<ol type=1 start=6> 
< 1i><h5> type=1, 默 认 值 ,用 数字 1.2.3 等 标识 各 项 。< /h5>< /1i> 
< 1i><h5> type=A 用 大 写字 母 A.B.C 等 标识 各 项 。< /h5>< /1i> 
< li><h5> type=a, 用 小 写字 母 a,b,c 等 标识 各 项 。< /h5>< /1i> 
<1i><h5> type= 工 用 大 写 罗 马 字母 标识 各 项 。< /h5>< /1i> 
<1li value=3><h5> type=i, 用 小 写 罗马 字母 标识 各 项 。< /h5>< /1i> 
</ol> 
</ol> 
</body> < /html> 


图 4-9 是 该 页 面 代码 在 浏览 器 中 的 显示 效果 。 


1 文件 (F) 编辑 (查看 (V) 收 纠 夹 (A) 工具 (D 帮助 (H) 
高 收藏 天 估 有 序列 志 标 记 应 用 案例 | 


I， 有 序列 表 标 记 具 有 属性 start, 指定 列表 编号 的 开头 值 。 
II， 有 序列 表 标 记 具 有 属性 type 
，typc 一 1， 缺 省 值 ， 用 数字 1，2，3 等 标识 各 项 。 
-type 一 A， 用 大 写字 母 A，B，(C 等 标识 各 项 - 
.typc 一 a， 用 小 写字 母 a，b，c 等 标识 各 项 。 
，type 一 I， 用 大 写 罗马 字母 标识 各 项 - 
。 typc 一 i， 用 小 写 罗马 字母 标识 各 项 。 


图 4-9 有 序列 表 标记 应 用 案例 


3. 描述 列表 标记 二 dl 之 … 一 /dl 二 
语法 : 


<q]l> 

<dt> 术 语 <9o> 术语 的 定义 1 
<dd> 术 语 的 定义 2 

<dt> 术 语 <dd> 术 语 的 定义 


</dl> 


描述 列表 的 每 一 项 由 两 部 分 组 成 : 一 部 分 是 术语 , 另 一 部 分 是 术语 的 定义 。 描 述 列 
表 由 始 标 记 二 dl 二 开始 ,以 尾 标 记 二 /dl 二 结束 。 表 中 可 以 有 若干 个 列表 项 ,每 个 列表 项 
有 两 个 元 素 : 术语 用 二 dt 二 标记 描述 ;定义 用 二 dd 二 标记 描述 。 描 述 列表 标记 二 dl 二 可 
以 有 属性 compact, 该 属性 使 术语 和 它 的 定义 在 同一 行 显示 。 

例 4.10 本 例 说 明了 定义 列表 标记 的 使 用 。ex4-10. html 代码 清单 如 下 : 


<html> <head> 
<title> 定 义 标 记 应 用 案例 < /title> 
< /head> 
<body> 
<h3> 定 义 列表 的 使 用 < /h3> 
<dl> 
<dt><b> 列 表 < /by<d 中 数据 项 的 有 序 集合 。 
<dt><b> 标 号 < /b><d 中 程序 中 指令 的 标识 符 。 
<d 吃 磁盘 文件 的 标识 说 明 记 录 。 
<dd> 数 据 集中 或 附加 在 数据 集 上 的 字符 , 它 包 括 数据 集 的 信息 。 
</dl> 
<dl compact> 
<dt><b> 列 表 < /by><d 中 数据 项 的 有 序 集 合 。 
</dql> 
</body> < /html> 


图 4-10 是 该 页 面 代码 在 浏览 器 中 的 显示 效果 。 


定义 列表 的 使 用 


表 
”数据 项 的 有 序 集合 。 
程序 中 指令 的 标识 符 。 
磁盘 文件 的 标识 说 明 记录 。 
数据 集中 或 附加 在 数据 集 上 的 字符 ， 它 包括 数据 集 的 信息 。 


列表 数据 项 的 有 序 集合 。 


图 4-10 定义 列表 标记 应 用 案例 


4.4.3 ” 块 容器 标记 二 div 二 和 二 span 二 


在 版 面 设计 时 ,有 时 需要 将 页 面 分 成 几 块 ,这 些 块 就 像 一 个 个 容器 ,把 相关 主题 的 内 
容 \、 图 像 ,动画 和 文字 组 装 到 一 起 ,以 使 内 容 主题 突显 。 
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1. 一 div 之 标记 

语法 : 

<div align= leftlcenterlrightljustify style= css 样式 >…< /div > 

过 div 之 标记 之 间 可 以 容纳 多 个 不 同 的 HTML 标记 和 显示 元 素 。 在 过 div 之 前 和 
二 /div 之 后 都 会 自动 换行 ,形成 一 个 独立 的 块 。 块 是 一 个 对 象 ,可 以 被 调用 。align 属性 
值 : left( 左 对 齐 )、center( 居 中 对 齐 ) .right( 右 对 齐 ) 、justify( 两 端 对 齐 )。style 属性 定义 
块 内 的 显示 样式 ,包括 字体 .字符 颜色 .背景 色 等 。 

2. 一 span 过 标记 

语法 : 

<span>…< /span> 

二 span 二 之 间 也 可 以 容纳 多 个 不 同 的 HTML 标记 和 语言 元 素 ,但 是 它 是 一 个 行内 
标记 ,在 二 span 盖 和 所 /span 二 前 后 不 会 自动 换行 。 过 span 之 标记 没有 align 属性 。 


例 4.11 在 页 面 上 显示 三 个 不 同 主题 ,应 用 块 容 车 | 坟 
器 标记 把 页 面 分 成 三 块 。ex4-11. html 源 代 码 如 下 , 显 pe < 
示 效 果 见 图 4-11。 由 交 件 (中 编 和 a(E】 查看 (V) 收藏 严 (A) 工具 (1) ” 
谨 收 大 天 | 加 "| 合 决 安 踢 标 。 | 念 块 容器 .| 
<html> 
<head><title> 块 容器 标记 应 用 < /title> < /head> 
<body> 
<div style= "background:d0d030"> 
snbsp&npbspsnbsp&nbsp 
<img src= "图 411 1.gif" width= "60" 
height= "80"> 
<font size=2> 猫 < /font> 
Sto Wd 9 Mie “on 图 4-11 块 容器 标记 应 用 案例 
height= "80"> 
</div><br><br> 


< span style= "background:d0d0d0"> < font size=2> 鳃 刍 < /font> 
<img src= "图 411 3.gif" width= "60" height= "80"> 
< /span> &nbsp&nbsp&nbsp&snbsp&snbsp 
< span style= "background:d0d0d0"> < font size= > 海豚 < /font> 
<img src= "图 411 4.gif" width= "60" height= "80"> 
< /span> 
< /body> < /html> 


4.5 超 链 接 标 记 


超 链接 标记 是 超 文本 的 基本 结构 , 它 可 以 从 当前 Web 页 面 定义 的 位 置 跳 转 到 其 他 位 
置 ,包括 同一 页 面 的 其 他 位 置 、Internet 上 的 另 一 个 Web 页 面 、 本 地 硬盘 或 局 域 网 上 的 文 
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件 、 声 音 或 图 像 文 件 .FTP 或 Telnet 站 点 .电子 信箱 等 。 
为 执行 链接 动作 ,开发 者 要 做 三 件 事 : 
(1) 用 标记 二 a 之 和 二/a> 说 明 超 链接 的 开始 与 结束 。 
(2) 提供 单 击 的 热点 ,也 就 是 单 击 谁 。 
(3) 给 出 链接 目的 地 址 URL, 即 单 击 后 跳 到 哪里 。 


4.5.1 超 链接 标记 二 a 二 … 二 /a 


语法 ， 


href 属性 指明 所 要 链接 资源 文件 的 URL ,在 标记 二 a 这 和 二 /a 二 之 间 的 热点 是 提示 
文字 或 图 像 , 文 字 一 般 是 蓝 色 带 下 划 线 高 亮 显示 。 

目的 地 URL 可 以 是 绝对 路 径 ,也 可 以 是 相对 路 径 。 

(1) 绝对 路 径 , 二 a href 二 "http:// 域 名 /文件 夹 名 /文件 名 "二 。 例 如 : 

二 a href 二 "http://localhost:8080/bookshop/index. html" 二 , 单 击 热点 ,直接 跳 转 
到 index. html 页 面 。 

(2) 相对 路 径 , 二 a href 二 "文件 夹 名 /文件 夹 名 /文件 名 "二 。 如 果 在 HTML 文档 的 
文件 头 部 分 , 则 给 出 页 面 的 基地 址 。 例 如 : 

<head> 

<base href="http://localhost:8080/bookshop/index.html"> 


</head> 基地 址 
那么 在 文件 体 中 : 
。 过 a href 二 "ex01. html" 二, 跳 转 到 当前 目录 (bookshop 目录 ) 下 的 ex01. html 
页 面 。 


。 二 a href 二 "/ex02. html" 二 ,是 bookshop 上 一 级 目录 下 的 ex02. htm 文件 , 即 
http://localhost:8080/ex02. html。 
例 4. 12 ex4-12. html 和 ex4-12_1. html 演示 了 不 同 Web 页 面 之 间 的 链接 。 
ex4-12. html 文件 代码 清单 如 下 : 


<html> < head> 

<title> 超 链接 标记 应 用 < /title> 

< /head> 

< body> < center> 

<ahref="ex4- 12 1.html"> 下 一 页 </a><p> 

<a href= "ex4- 12 1.html"> < img src= "ex4- 04.jpg" widthr 82 height= 62> < /a> <p> 
超 链 接 标记 的 功能 < /center> 

< /body> 

< /htm> 
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ex4-12_1. html 文件 代码 清单 如 下 : 

<htm><head> 

<title> 超 链接 标记 应 用 < /title> 

< /head> 

<body> 

<a href- "ex4- 12.html"> 上 一 页 < /a><p> 

超 链接 标记 是 超 文 本 的 基本 结构 , 它 可 以 从 当前 Web 页 面 定义 的 位 置 跳 转 到 其 他 位 
置 ,包括 同一 页 面 的 其 他 位 置 .Internet 上 的 另 一 个 Web 页 面 、 本 地 硬盘 或 局 域 网 上 的 文 
件 .声音 或 图 像 文 件 .FTP 或 Telnet 站 点 .电子 信箱 等 。 


< /body> < [htm> 


ex4-12. html 和 ex4-12_1. html 在 浏览 器 中 的 显示 结果 见 图 4-12。 在 文件 ex4-12. html 
显示 的 页 面 上 ( 见 图 4-12(a)) 单 击 “ 下 一 页 ”或 图 像 时 , 即 可 链接 到 由 图 ex4-12_1. html 文 
件 显示 的 网 页 ( 见 图 4-12(b))。 


一 | 口 4 


SG\2013Web 技 可 | | KA 


由 文件 (F) 编辑 (E) 查看 (V) 收藏 来 (A ” 中 文件 (F) 编辑 (E) 查看 (V) 收藏 夹 (A) 工具 (D 帮助 
况 收藏 夹 | 登 超 链接 标记 应 用 


上 一 页 


超 链 接 标 记 是 超 文本 的 基本 结构 ， 它 可 

| 以 从 当前 Web 页 面 定义 的 位 置 跳 转 到 其 ”| 号 
上 他 位 置 ， 包 括 同一 页 面 的 其 他 位 置 、 

上 Internet 上 的 另 一 个 Web 页 面 、 本 地 硬 

Re 盘 或 局 域 网 上 的 文件 、 声 音 或 图 像 文 

超 链接 标记 的 功能 司 件 、FTP 或 Telnet 站 点 、 电子 信箱 等 。 


(a) ex4-12.html (b) ex4-12_1.html 
图 4-12 超级 链接 应 用 案例 


4.5.2 同一 页 面 间 的 链接 


如 果 一 个 页 面 内 容 比较 多 ,页 面 就 会 长 些 ,不便 阅读 。 为 阅读 快捷 ,作者 常 分 出 目录 ， 
用 目录 名 点 明 内 容 主 题 。 读 者 单 击 目 录 名 , 即 可 跳 转 到 相关 内 容 ( 即 链接 到 本 文档 指定 的 
位 置 ) ,从 而 加 快 了 阅读 速度 。 为 完成 此 任务 ,浏览 器 必须 知道 : 指定 位 置 在 何 处 , 它 叫 什 
么 名 字 。 所 以 ,为 标记 位 置 ,要 给 指定 位 置 起 个 名 字 , 即 锚 名 。 

语法 : 


<a hre 伍 哇 锚 名 心 标 题名 < /a> 
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<aname= " 销 名 少 标 题 内 容 < /a> 


name 属性 为 “标题 内 容 ? 所 在 的 位 置 创建 一 个 “ 锚 名 ”。 锚 名 是 用 户 标识 符 ,在 一 个 页 
面 中 是 唯一 的 。href 属性 给 出 链接 的 目的 地 位 置 , 即 name 属性 给 出 的 锚 名 所 在 的 位 置 。 
在 锚 名 前 加 “#”, 浏 览 器 就 会 在 本 页 面 查找 锚 名 , 跳 转 到 指定 位 置 。 

例 4.13 文件 ex4-13. html 说 明了 同一 页 面 间 链 接 的 应 用 ,页 面 代 码 如 下 : 


<html>< head> 
<title> 同 一 页 面 间 的 链接 < /title> 
< /head> 
<body> 
<hl> Web 技 术 应 用 基础 < /hl> 
<ahre 全 中 第 1 章 必 第 1 章 Web 技 术 概述 < /a><p> 
<a href 伍 叶 第 2 章 必 第 2 章 Web 应 用 环境 构建 技术 < /a><p> 
<a href= 叶 第 3 章 必 第 3 章 基于 Web 方 式 的 信息 系统 开发 案例 < /a><p> 
<anam= "第 4 章 标 题 " hre 人 三 叶 第 4 章 " > 第 4 章 HMK /> <p> 
<ahref= 叶 第 5 章 必 第 5 章 css< /a><p> 
<ahref= 叶 第 6 章 必 第 6 章 MIKp> 
<a href= 听 第 7 章 必 第 7 章 Javascript< /a><p> 
<ahre 全 中 第 8 章 必 第 8 章 Web 数 据 库 编程 技术 < /a> < 
<ahre 全 叫 第 9 章 必 第 9 章 JSP 技 术 应 用 < /a><p> 
<ahre 全 叫 第 10 章 必 第 10 章 RSP 技 术 应 用 < /a><p> 
<ahreE- 叫 第 1 章 必 第 11 章 综合 实 训 < /a> <p> 
<aname= "第 4 章 " hre 人 中 第 4 章 标题 心 第 4 章 HIMK /a> <br> 
4.1 HIML 概 述 <br> 
4.2 HIML 页面 修饰 标记 <br> 
4.3 页 面 多 媒体 技术 <br> 
4.4 表 格 与 列表 标记 <br> 
4.5 超 链接 标记 <br> 
4.6 表 单 标 记 <br> 
4.7 窗 口 框架 标记 <br> 
< /body> < /html> 


页 面 显示 结果 如 图 4-13 所 示 。 单 击 图 4-13(a) 的 “第 4 章 HTML 应 用 ”文本 , 即 可 跳 


转 到 网 页 中 具有 目标 名 a name 二 "第 4 章 " href 二 "+# 第 4 章 标题 "二 第 4 章 HTMIL</a> 
标记 的 位 置 ,如 图 4-13(b) 所 示 。 


4.5.3 链接 到 其 他 文档 指定 位 置 


要 链接 到 其 他 文档 指定 的 位 置 ,需要 告诉 浏览 器 其 他 文档 的 URL 十 表征 位 置 的 锚 
名 。 把 语句 二 a href 二 "# 锚 名 "二 标题 名 /a 二 的 href 改 为 href 一 "其 他 文件 URL# 铺 
名 " 即 可 。 

例 4.14 把 例 4.13 中 的 章 标题 放 在 一 个 文件 中 ,文件 名 为 ex4-14. html。 章 节 内 容 
放 在 另 一 个 文件 ex4-14_1. html 内 。 单 击 第 一 个 文件 的 章 名 , 跳 到 第 二 个 文件 该 章节 的 
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ie a TE 司 性 ie 他 > 


文件 (F) 编辑 (人 Ce WA) 工具 (T) 帮助 (” 
训 收藏 夫 会 同一 页 面 间 的 链接 | 


第 10 章 综合 实 训 


| 中 第 4 章 HTML 
, 人 2 er 
第 3 章 基于 Web 方 式 的 信息 系统 开发 案例 4 6 
4 章 HTML 应 用 4.7 窗口 框架 标记 
(a) 跳 转 前 (b) 跳 转 后 


图 4-13 同一 页 面 间 超 链接 应 用 案例 


相应 的 位 置 。ex4-14. html 代码 清单 如 下 : 


<html><head> < title> 链 接 到 其 他 文档 指定 位 置 < /title> < /head> 

<body> 

<h2>Web 技 术 应 用 基础 < /h2><p 

<aname= "第 1 章 标题 " href= "ex4- 14 1.html# 第 1 章 必 <h4> 第 1 章 Web 技 术 概 述 < /h4>< /a><p> 
<anane= "第 4 章 标题 ” hreE- "ex4- 14 1.html# 第 4 章 必 <h4> 第 4 章 HIML 应 用 < /ha>< /a> 
</body> < /html> 


ex4-14_1. html 


<html><head> < title> 链 接 到 其 他 文档 指定 位 置 < /title> < /head> 
<body> 
<aname= "第 1 章 " hre 人 "ex4- 14.htm# 第 1 章 标题 "<h2> 第 1 章 web 技术 概述 < /h2> 
1.1 Web 简介 <br> 
1.2 计算 机 网 络 基础 <br> 
1.3 下地 址 .域名 和 URIK br> 
1.4 Web 基础 知识 <br> 
1.5 WEb 数 据 库 <E></a><br><bm><br><bm><brm><brz<bm><bhm>z<bmz<bmy<bmz<br> 
<aname= "第 4 章 " hre 人 "ex4- 14.html# 第 4 章 标题 "<h2> 第 4 章 HIMIK /h2> 
4.1 HML 概 述 <br> 
4.2 HIML 页 面 修饰 标记 <br> 
4.3 页 面 多 媒体 技术 <br> 
4.4 表格 与 列表 标记 <br> 
4.5 超 链接 标记 <br> 
4.6 表 单 标记 <br> 
4.7 窗 口 框架 标记 <br> < /a> 
< /body> < /html> 


读者 可 以 在 浏览 器 中 演示 效果 。 
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4.5.4 超 链接 应 用 案例 


通过 超 链 接 可 以 应 用 多 种 协议 链接 到 其 他 网 站 ,也 可 以 链接 到 其 他 文件 ,例如 音乐 和 
影像 文件 。 

例 4.15 文件 ex4-15. html 上 有 三 个 超 链 接 ,分 别 链接 到 北京 联合 大 学 主页 ,播放 音 
乐 或 影像 文件 。 页 面 代 码 如 下 : 


<html> < head> 
<title> 超 链接 应 用 案例 < /title> 
< /head> 
< body> 
<a href= "http://www.buu.edu.com"> 北 京 联合 大 学 主页 < /a><p> 
<ahref=" 音 乐 文件 .mid"> 播 放 音乐 文件 < /a><p> 
<ahre 人 "影像 文件 .mpg'"> 播 放 影 像 文件 < /a><p> 
< /body> < /html> 


文件 ex4-14. html 在 浏览 器 中 的 显示 效果 如 图 4-14(a) 所 示 。 依 次 单 击 页 面 上 的 超 
链接 ,将 分 别 链接 到 北京 联合 大 学 主页 .播放 音乐 文件 或 影像 文件 ,图 4-14(b) 显 示 链 接 
到 北京 联合 大 学 主页 。 


联 大 主页 


四 播放 音乐 文件 。 六 “， 赴 法 国 夏令营 项 目 一 INSEEC 高 等 教育 集团 
|. 时 时 。“ 垃 家 记录 ”作品 征集 活动 通知 
上 播放 影像 文件 - 一 本 


(a) ex4—14.html (b) 北京 联合 大 学 主页 


图 4-14 超 链接 应 用 案例 


4.6 表单 标记 


4.6.1 表单 的 功能 


过 form> 标 记 在 页 面 中 产生 表单 ,表单 提供 与 客户 交互 的 界面 。 表 单 要 处 理 以 下 三 
件 事 : 
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(1) 提供 输入 信息 的 控件 ,如 文本 框 、 单 选 按钮 、 复 选 框 等 。 

(2) 说 明 提 交 信息 的 方式 ,信息 以 何 种 方式 传递 给 服务 器 。 

(3) 指出 将 信息 提交 给 谁 来 处 理 , 即 服务 器 端的 哪个 应 用 程序 来 处 理 这 些 信息 。 

表单 的 定义 标记 是 过 form> ,表单 中 包含 的 三 个 基本 控制 标记 是 过 input 之 、 志 select 一 
和 二 textarea 二 。 


4.6.2 表单 定义 标记 一 form 之 … 一 /form> 


语法 了 
< form method= "post |get" action= "URL" name= "表单 名 " enctype= "type"> …< /fomm> 


到 form 盖 标记 具有 以 下 属性 。 
(1) method: 指定 表单 中 输入 数据 的 传输 方法 , 它 的 取 值 是 get 或 post, 默 认 值 
是 get。 
。 当 method 王 get 时, 请求 页 面 可 以 通过 电子 邮件 发 送 或 设置 为 书签 。 表 单 中 输入 
数据 附加 到 action 中 指定 的 URL 后 面 , 以 请 求 参数 形式 发 送 过 去 ,在 浏览 器 的 地 
址 栏目 可 以 看 到 这 些 信 息 ,不 够 安全 。 传 送 数据 量 不 能 太 大 。 
。 method 王 post 时 ,post 将 表单 中 的 数据 和 调用 程序 分 开 。 发 送 数据 时 在 消息 体 
中 发 送 , 使 用 post 比较 安全 ,发 送信 息 量 没有 大 小 限制 ,适合 传送 大 量 数 据 。 但 
是 ,请 求 页 面 不 可 以 通过 电子 邮件 发 送 或 设置 为 书签 。 
(2) action: 用 来 指定 完成 表单 信息 处 理 任务 服务 器 程序 的 完整 URL ,例如 http:// 
www. buu. edu. cn/bin/ReaderNote. jsp。 
(3) name 属性 是 可 选项 ,开发 者 可 以 为 表单 命名 ,以 便 区 别 页 面 上 的 多 个 表单 。 
(4) enctype: 指定 表单 中 输入 数据 的 编码 方法 。 在 method 二 post 情况 下 才 有 效 。 


4.6.3 输入 标记 二 input 二 


到 input 之 标记 定义 输入 控件 , 它 的 类 型 由 type 属性 来 确定 。 

语法 : 

< input type= 控 件 类 型 ”name= 控 件 名 称 … > 

<input 之 标记 的 属性 如 下 。 

(1) name: 定义 控件 的 名 字 , 以 区 别 同一 表单 多 个 相同 类 型 的 控件 ,作用 域 为 本 
表单 。 

(2) value: 设置 控件 输入 域 的 初始 值 。 

(3) maxlength: 定义 控件 输入 域 中 允许 输入 的 最 多 字符 数 。 

(4) size: 定义 控件 输入 域 的 大 小 。 

(5) checked: 设置 复 选 框 和 单 选 按钮 的 初始 状态 。 

(6) URL 和 align: 指定 在 图 像 按 钮 中 使 用 的 图 像 所 在 位 置 (URL) 和 图 像 的 对 齐 


第 4 章 HM 一 一 一 一 一 一 一 一 89 


方式 。 


(7) type: 用 以 指定 控件 的 类 型 ,例如 text( 文 本 框 ) ,radio( 单 选 按钮 ) 等 ,默认 值 是 
text。type 组 件 类 型 及 它们 的 名 称 、 作 用 见 表 4-9。 


表 4-9 type 组 件 
type 组 件 类 型 组 件 名 称 及 作用 
button 按钮 ,可 以 创建 提交 按钮 ,复位 按钮 和 普通 按钮 
text 文本 框 ,接收 任何 形式 的 输入 ,如 字母 ,数字 等 
password 口令 框 ,用 。 号 代替 输入 字符 的 显示 
checkbox 复 选 框 ,提供 多 项 选择 
radio 单 选 按钮 ,提供 单项 选择 
submit 提交 按钮 , 单 击 提交 按钮 ,发 送 表单 信息 提交 服务 器 
image 图 像 按钮 , 单 击 图 像 ,发 送 表单 信息 提交 服务 器 
reset 复位 按钮 ,把 表单 上 的 组 件 值 恢复 为 默认 值 
hidden 隐藏 表单 组 件 ,把 表单 中 一 个 或 多 个 组 件 隐 藏 起 来 


textarea 
file 


多 行文 本 框 
上 载 文件 


注意 : 对 一 组 单 选 按钮 中 的 所 有 按钮 必须 起 相同 的 名 字 , 以 便 浏 览 器 把 它们 归 在 同 
一 组 内 ,每 次 只 能 选 一 项 。 对 一 组 复 选 框 中 的 各 个 框 要 起 不 同名 字 , 以 便 客 户 可 以 做 多 项 


选择 。 


4.6.4 下 拉 列 表 框 标记 二 select 二 … 二 /select 二 


语法 : 


<select name= "下拉 列表 框 名 称 " size= "下拉 列表 框 显 示 的 行 数 " > 
<cption value= "控件 的 初始 值 " selected > 选项 描述 


< cption value= "控件 的 初始 值 " 


> 选项 描述 


使 用 二 select 二 标记 定义 下 拉 式 列表 框 和 滚动 式 列表 框 。 二 select 二 标记 具有 三 个 


属性 。 


(1) name: 指定 下 拉 列 表 框 的 名 字 。 

(2) size: 定义 一 次 可 以 看 见 的 列表 项 的 数目 。 

(3) multiple: 允许 进行 多 项 选择 。 

使 用 一 select 二 标记 定义 列表 框 时 ,由 过 option 之 标记 定义 列表 框 的 各 个 选项 。 


< 一 option 之 标记 具有 以 下 属性 。 


(1) selected: 表示 该 项 预先 选 定 。 


(2) value: 指定 控件 的 初始 值 。 
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4.6.5 多 行文 本 框 标 记 二 textarea 二 … 二 /textarea 二 


语法 : 
< textarea name= "多 行文 本 框 名 称 " cols= 文 本 宽度 rows= 文 本 区 行 数 >…< /textarea> 


二 textarea 记 标记 的 作用 与 文本 框 类 似 , 用 来 输入 文本 信息 ,其 中 cols 属性 以 字符 为 
单位 。 


4.6.6 表单 标记 应 用 案例 


例 4. 16 ex4-16. html 说 明了 表单 标记 的 使 用 ,代码 清单 如 下 : 


<html> < head> 
<title> 表 单 标 记 应 用 案例 < /title> 
< /head> 
<body> 
< fom method= "post" action= "travel.asp"> 
请 输入 姓名 : < input type= text name= "txtname" size= 12 maxlength= 6> <p> 
请 输入 密码 : < input type=password name= "pasname" size= 12 maxlength= 6> <p> 
上 载 的 文件 : < input type= file name= "filename" size= 12 maxlength= 6> <p> 
性 别 : < select name= 啤 别 吃 
<cption> 男 
<cption> 女 
</select><p> 
请 选择 旅游 城市 ,可 做 多 项 选择 
< input type= checkbox name= " 复 选 框 1" checked> 北 京 
< input type= checkbox name= " 复 选 框 2" > 上 海 
< input type= checkbox name= " 复 选 框 3" > 西安 
< input type= checkbox name= " 复 选 框 和" > 昆明 <p> 
请 选择 付款 方式 
< input type= radio nane= " 哩 选 按钮 1" > 信用 卡 
< input type= radio name= " 单 选 按钮 1" checked> 现金 <p> 
留言 : <p> 
< textarea cols= 50 rows= 作 请 与 我 们 联系 < /textarea> <p> 
< input type= reset name= "复位 按钮 " value= 唱 位 > 
< input type= submit name= "提交 按钮 " value= 哺 定 "> 
< /fom> 
< /body> < /html> 


页 面 在 浏览 器 中 显示 如 图 4-15 所 示 。 
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蓝天 从 ) 工具 (] 帮助 (H) 


请 选择 旅游 起 市， 可 做 多 项 选择 团 北京 是 上 海 因 西安 加 昆明 恒 
人 信用 卡 @ 现金 四 


请 与 我 们 联系 


EL 


图 4-15 表单 标记 应 用 案例 


4.7 窗口 框架 标记 


使 用 窗口 框架 可 以 把 浏览 器 窗口 划分 成 几 个 大 小 不 同 的 子 窗口 ,每 个 子 窗口 显示 不 
同 的 页 面 ,可 以 在 同一 时 间 浏 览 不 同 的 页 面 。 


4.7.1 窗口 框架 的 建立 


在 建立 窗口 框架 时 , 先 要 定义 一 个 框架 集 ,然后 逐个 定义 每 个 窗口 。 

语法 : 

< frameset rows=" 行 高 列表 " cols=" 列 宽 列表 " frameborder= 011 border=n bordercolor= 颜 色 >…</ 

frameset> 

二 frameset 二 属性 应 用 如 下 。 

(1) rows: 说 明 窗口 水 平分 割 情况 。“ 行 高 列表 ”是 一 组 用 “, ”分 开 的 数值 ,指定 了 各 
子 窗口 的 高 度 , 可 以 用 百分数 来 表示 ,也 可 以 用 像素 表示 。 

(2) cols: 说 明 窗口 垂直 分 割 情况 .。“ 列 宽 列 表 ? 也 是 一 组 用 ",” 分 开 的 数 , 定 义 了 各 
子 窗 口 的 宽度 。 

(3) frameborder: 属性 指定 框架 中 所 有 子 窗口 是 否 显示 边框 。0 是 不 显示 边框 ,1 为 
显示 边框 。 

(4) border: 指定 框架 边框 的 宽度 ,以 像素 为 单位 。 

(5) bordercolor: 指定 框架 边框 的 颜色 。 
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4.7.2 子 窗口 的 建立 


二 frame 记 标记 定义 子 窗口 。 
语法 : 


< frame src=" 子 窗口 显示 文件 的 URL" name=" 子 窗口 名 称 吃 …< /frame> 


4.7.3 窗口 框架 应 用 案例 


例 4.17 本 例 说 明了 窗口 标记 的 使 用 。 
(1) 框架 集 ex4-17. html 的 代码 清单 如 下 : 


<html>< head> 
<title> 窗 口 框架 应 用 案例 < /title> 
< /head> 
< frameset rows= "30%, * " border= 5> 
< frame src= "top.html" name= "top"> 
< frameset cols= "30%, * > 
< frame src= "left.html" name= "left"> 
< frame src= "right.html" name= "main"> 
< /frameset> 
< /frameset> 
< /html> 


(2) 顶层 子 窗口 top. html 的 代码 清单 如 下 : 


<html> < head> 
<title> 网 上 书店 < /title> < /head> 

< body> < center> 

< font face= "华文 彩云 " size=7 color=blue>< 户 网 上 书 店 < /i> < /center> 

< /body> < /html> 


(3) 左边 子 窗口 left. html 的 代码 清单 如 下 : 


<html><head> 

<title> 网 上 书店 < /title>< /head> 
< body> < center> 
<a href= "ex4- 03.html" target= "main"> 页 面 修饰 标记 的 应 用 < /a> <p> 
<a href- "ex4- 08.html" target= "main"> 无 序列 表 标 记 的 应 用 < /a> <p> 
< /body> 
< /htm> 


其 中 超 链接 标记 二 a 二 的 target 属性 指明 链接 到 的 子 窗口 的 名 称 。 
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(4) 右边 子 窗口 设置 了 一 幅 背 景 图 片 ,right. html 的 代码 清单 如 下 : 


<html> <head> 
<title> 网 上 书店 < /title> < /head> 

< body background- "backl .gif"> 

< /pody> 

< /htm> 


页 面 在 浏览 器 中 显示 如 图 16 所 示 。 


时 全] G\2013Web 技 术 应 有 
) 编辑 (E) 查看 (V) 收 庆 
褒 收藏 夹 | 仿 窗口 框架 应 用 案例 


页 面 修饰 标记 的 应 用 
无 序列 表 标 记 的 应 用 


图 4-16 窗口 框架 应 用 案例 


4.8 HTML 应 用 案例 


4.8.1 页 面 动态 刷新 


页 面 动态 刷新 功能 可 使 一 个 页 面 停留 几 秒 钟 后 ,自动 转 跳 到 男 一 个 页 面 。 
语法 : 

<meta http- equiv= "refresh" content=" 砂 数 ;URI= 目 标 网 址 "> 

例 4.18 说 明 页 面 动态 刷新 功能 的 ex4-18. html 代码 清单 如 下 : 


<html>< head> 
< meta http- equiv= "refresh" oontent= 6;URI= ex4- 17.html> 
<title> 页 面 动态 刷新 功能 案例 < /title> 


< /head> 
<body> 

6 秒 钟 后 自动 跳 转 到 "网 上 书店 顺 面 
< /body> < /html> 


读者 可 以 自行 在 浏览 器 中 测试 该 页 面 的 显示 效果 。 
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4.8.2 文字 移动 


在 页 面 中 显示 移动 的 文字 ,也 称 走马 灯 。 
语法 格式 1: 


<marquee direction= 移 动 方向 > 移动 文字 或 图 像 < /marquee> 
语法 格式 2: 
<marquee behavior- 移动 方式 > 移动 文字 或 图 像 < marquee> 


< 二 marquee 过 属性 值 如 下 。 

(1) direction: 设置 移动 方向 ,可 取 值 ,leftlrightltop|down, 默 认 left。left 从 右 向 左 
移动 ,right 从 左 向 右 移动 ,top 从 下 向 上 移动 ,down 从 上 向 下 移动 。 

(2) behavior: 设置 移动 方式 ,可 取 值 ,scroll| slide |alternate。scroll 从 右 向 左 移动 。 
slide 从 右 向 左 移动 ,到 左边 后 停止 。alternate 从 右 向 左 , 然 后 再 从 左 向 右 不 断 移动 。 

(3) width 和 height: 移动 区 域 的 高 度 和 宽度 (以 像素 为 单位 ) 。 

(4) scrolldelay: 移动 延迟 时 间 , 以 毫秒 为 单位 ,默认 值 90ms。 

(5) bgcolor: 移动 区 域 背景 色 。 

例 4.19 说 明文 字 移 动 功能 的 文件 ex4-19. html 代码 清单 如 下 : 


<html> < head> 
<title> 文 字 移 动 功 能 案例 < /title> 
< /head> 
< body> < center> 
<marquee height= 50 width= 400 direction= right behavior= alternate bgcolor= 
#9dffffF> 
<font face= " 嘲 书 " size=5 color= red> Web 技 术 应 用 基础 < /font> 
< /marquee> < /center> 
< /body> < /html> 


ex4-19. html 代码 在 浏览 器 中 的 显示 效果 如 图 4-17 所 示 , 文 字 *Web 技术 应 用 基础 ” 
在 屏幕 上 移动 显示 。 


Web 技 术 应 用 基础 司 


于 上 


图 4-17 文字 移动 
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4.8.3 浮动 窗口 


在 页 面 内 创建 一 个 浮动 窗口 。 
语法 : 
< iframe> 
有 关 浏 览 器 不 支持 浮动 窗口 的 文字 说 明 
< /iframe> 
<<iframe 之 标记 在 页 面 内 部 创建 一 个 浮动 窗口 ,使 用 方法 与 王 frame 之 标记 类 似 。 
例 4.20 说 明 浮 动 窗口 功能 的 文件 ex4-20. html 代码 清单 如 下 : 


<htm><head> 
<title> 浮 动 窗口 应 用 案例 < /title> 
< [head> 名] GM2013Web 技 术 应 Fv | |X | 
< body> < center> 文件 (F) 编 思 (E) 查看 (V)】 收藏 夹 (A) 工具 (T) 帮助 (H) 
i a 训 收 天 “| 合 浮动 窗口 应 用 案例 国 | 
浮动 窗口 es 
</iframe> <p> 显示 2 号 标题 字 lb 
<a href= "ex4- 02.html" target= "float"> 页 面 修饰 显示 蓝 色 朱 书 字体 
3 了 示 出 | 隆 司 
标记 的 应 用 < /a><p> ee 
<a href= "ex4- 08.html" target= "float"> 无 序列 表 
标记 的 应 用 < /a> <p>< /center> 页 面 修饰 标记 的 应 用 


< /body> < /html> 


ex4-20. html 代码 在 浏览 器 中 的 显示 效果 如 
图 4-18 所 示 。 


4.8.4 在 页 面 中 洋 入 Java 小 程序 


图 4-18 浮动 窗口 


Java 小 应 用 程序 是 用 Java 语言 编写 的 一 段 代码 , 它 被 嵌入 HTML 页 面 中 ,在 浏览 器 
环境 中 运行 。 

语法 : 

<applet code=Applet 文件 名 称 width 宽度 height= 高 度 > (< /applet> 


例 4.21 说 明生 applet 之 标记 使 用 方法 的 文件 ex4-21. html 代码 清单 如 下 : 


<htm><head> 
<title> 在 页 面 中 典 和 人 Java 小 程序 < /title> 

< /head> 

<body> 

<hr> 

<akplet code= RollingMessage-class widthr 500 height= 80> 
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</applet> 

<hr> 

< /body> < /html> 

语法 说 明 : 在 ex4-21. html 代码 中 秋 入 Java 小 程序 RollingMessage. class， 
RollingMessage. class 是 由 RollingMessage. java 生成 的 字 节 码 文件 。RollingMessage 程 
序 的 功能 是 动态 显示 文字 ,使 文字 “欢迎 学 习 Web 技术 应 用 基础 1” 一 个 字 、 一 个 字 地 显 
示 。ex4-18. html 代码 在 浏览 器 中 的 显示 效果 如 图 4-19 所 示 。 


图 4-19 在 页 面 中 嵌入 Java 小 程序 


4.8.5 使 用 表格 技术 布局 新 书架 页 面 


例 4.22 使 用 表格 布局 页 面 , 使 新 书 的 图 片 .说 明 排列 有 序 ,一 目 了 然 。 表 格 可 用 来 
布局 网 页 ,将 页 面 文字 、 图 像 合理 分 布 ,精确 定位。 应 用 表格 布局 如 图 4-20 所 示 的 “新 书 
架 ? 页 面 ,页 面 中 有 一 个 表格 ,一 行 两 列 ; 在 单元 格 中 又 嵌入 了 表格 ,内 内 表 格 五 行 三 列 。 


文件 (F) 编辑 (E) 音 看 (V) 收藏 严 (A) 工具 (T) 帮助 (H) 
次 收藏 天 | 例 表格 布局 页 面 


五 行 三 列 和 个 外 层 表格 ,一行 两 列 
内 旋 图 片 十 名 。 Web 程序 设计 书 名 “|Java 程 序 设计 
村 作者 Robert W. Sebest 作者。 | 王国 辉 
纵 跨 四 行 = 有 有; 
出 版 社 清华 大 学 出 版 社 | 三 出 版 社 | 人 民 闻 昌 出 版 社 
第 五 行 加 定价 | 站 58.00 一 定价 “| 王 49.00 
横 鸣 三 区 放 入 购书 车 “查看 详 博 放 入 购书 车 ”查看 详情 


图 4-20 表格 布局 “新 书架 ”页 面 


ex4-22. html 代码 清单 如 下 : 


<htm><head>< title> 表 格 布局 页 面 < /title>< /head> 
< body> 
< table border= 2 bordercolor= red width= 530> 


< caption alignr center> < img width= 100 height= 34 src= ../images/xinshujia.jpg> < /caption> 
<tr> 
< ta width= "50%"> 
< table border= 1> 
<tr> 
< td rowspar= "4"> < img src= ". ./images/9195607.jpg" width= "60" height= 
"80"> < /td> 
<tdwidth= "308"> 书 名 < /div> < /td> 
<td width= "708"> Web 程 序 设计 < /td> 
</tr> 
<tr> 
<t 中 作者 < /td> < td> Robert W.Sebest< /td> 
</tr> 
<tr> 
<t 中 出 版 社 < /ta><to> 清 华 大 学 出 版 社 < /td> 
</tr> 
<tr> 
<t 中 定价 < /to>< toa> 姜 58.00< /td> 
</tr> 
<tr> 
<td colspan= "3"> < div aligre "center"> 
<a href- "addtocart.jsp?bookid= ISEN 7- 5640- 0139- 9> 放 入 购书 车 < /a> 
< a href- "bookdetail.jsp?bookig= ISEN 7- 5640- 0139- 9"> 查 看 详情 < /a> 
</div> 
</td> 
</tr> 
< /table> 
</td> 
<to> 
< table border= 1> 
<tr> 
< td rowspan= "4"> < img src= ". ./images/20137213.jpg" width= "60" height 
="80"> < /td> 
<tad width= "308"> 书 名 < /td> 
<tad width= "708"> Java 程序 设计 < /td> 
</tr> 
<tr> 
<t 中 作者 </td> <t 中 王国 辉 < /to> 
</tr> 
<tr> 
<to> 出 版 社 < /to><ta> 人 民 邮 电 出 版 社 < /td> 
</tr> 
<tr> 
<td> 定 价 < /td><td> 圣 49.00< /td> 
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< /tr> 
< 
<td colsparr "3"> < div alignr "center"> 
<a href- "addtocart.jsp?bookid= ISBN 7- 5640- 0165- 8> 放 入 购书 车 < /a> 
<a href- "bookdetail.jsp?bookig= ISBN 7- 5640- 0165- 8"> 查 看 详情 < /a> 
</div> 
</to> 
< 
< /table>< /td> 
</tr> 
< /table> 
< /body> < /html> 


4.9 网 上 书店 主 界面 的 实现 


网 上 书店 的 主 界面 见 第 3 童 的 图 3-5, 文 件 名 为 index. jsp。 把 其 中 的 框架 结构 代码 
提取 出 来 ,代码 段 如 下 : 


<body > 
<div align= "center"> 
< table width= "750" border= "0" oellspacing= "1" cellpadding= "1"> 
<tr> 
<td colspan= "2"> 
<div alignr= "center"> 
<$Q jnclude file= "top.jsp" s><!- -显示 top.jsp--> 
</div> < /td> 
</EeS 
<tr> 
< td width= "25%" valign= "top"> 
<%@ include file= "Geclare.jsp" %><!-- 显 示 公 告 栏 --> 
<%@ include file= mogin.jsp"s> 《<!-- 显 示 用 户 登录 -> 
<5%Q@ include file= "seardh.jsp" $> <!-- 显 示 书 目 搜索 --> 
</to> 
< td width= "75%" valign= "top"> 
< 上 -显示 精品 图 书 --> 
< 上 -显示 新 书架 --> 
< /td 
</Ee 
<tr> 
<td colspanr "2"> 
<$%@ include file= "bottam.jsp" $>< !-- 显 示 bottom.jsp- -> 
</to> 


</tr> 
< /table> 
< /div> 
< /pody> 


小 结 


(1) HTML 是 Internet 上 最 基本 的 发 布 语言 ,标记 定义 了 页 面 内 容 的 显示 方式 。 
HTML 文档 分 为 两 部 分 ,文件 头 使 用 标记 过 head 之 界定 ,文件 体 用 标记 过 body 之 界定 。 

(2) 文字 显示 方式 标记 规定 了 文字 以 何 种 方式 显示 ,主要 有 : 字体 标记 过 font 二 、 标 
题 标 记过 hi> .文字 变化 标记 和 特殊 字符 标记 。 

(3) 文字 布局 标记 使 页 面 内 容 排列 有 序 , 主 要 有 : 段落 标记 所 p> .换行 标记 所 br 二 、 
禁止 换行 标记 过 nobr 过 水平线 标记 过 hr 之 和 块 容器 一 div 之 一 span>。 

(4) 多 媒体 标记 可 在 页 面 中 内 入 图 像 .音乐 或 影视 ,主要 有 : 图 像 标 记过 img 之 .背景 
音乐 标记 过 bgsound 之 和 影视 标记 二 embed> 。 

(5) 使 用 超 链接 标记 近 a 之 可 以 链接 到 网 上 其 他 资源 处 。 

(6) 使 用 表格 标记 过 table 之 布局 页 面 、 分 类 数据 ,使 得 页 面 显示 规律 整齐 。 

(7) 客户 提交 信息 使 用 表单 标记 过 form> 。 

(8) 可 用 窗口 框架 标记 二 frameset 二 布局 页 面 。 


习题 上 机 练习 与 实 训 4 


一 、 选 择 题 
1. 为 使 页 面具 有 蓝 背 景色 ,( ) 语 名 正确。 


A. =body background=blue> B. =body text=blue> 
C. =body vlink= blue> D. =body bgcolor= blue> 
2. 以 下 代码 段 显示 ( Rs 
<ulL> 
<1i> 列 表 < /1i> 
<1i> 列 表 < Ai> 
</ul> 
A. 以 字母 a 开始 的 有 序列 表 B. 以 实心 加 点 标记 的 无 序列 表 
C. 以 空心 圆 点 标记 的 无 序列 表 D. 描述 列表 


3. 以 下 语句 描述 ( ) 正 确 。 


< img src="..\images\xinxingu.jpg" > 
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A. 在 页 面 上 插入 一 幅 图 像 B. 在 页 面 上 插入 一 首 歌曲 
C. 插入 一 段 影视 D. 插入 一 段 文字 
4. 为 链接 到 文件 chaolianjie. html 中 名 为 “内 容 简介 ”位 置 , 语 句 ( ) 正确。 
A. 二 a _ href 王 "内 容 简介 "之 
B. 二 a href 王 "chaolianjie. html 内 容 简介 "之 
C. ~<a href="chaolianjie. html "> 
D. 二 a href 王 "chaolianjie. html# 内 容 简 介 " 二 
5. 以 下 代码 段 创建 一 个 ( ) 的 表格 。 


<table> 

<tr> 
<tad> Web 技术 < /td> 
<td> Web 技 术 < /td> 

< /tr> 

< /table> 


A. 一 行 两 列 边框 为 1 B. 两 行 一 列 没有 边框 
C. 一 行 两 列 没有 边框 D. 两 行 一 列 边框 为 1 
6. 以 下 代码 段 创建 一 个 ( ) 的 表格 。 


< table border= 2> 
< tr>< th rowspar= 3> gnbsp < /th> < th> gnbspx /th> < /tr> 
<tr><tad> snbsp < /td> < /tr> 
<tr><tad> snbsp < /td> < /tr> 

< /table> 


A. 三 行 两 列 6 个 单元 格 B. 三 行 两 列 4 个 单元 格 
C. 两 行 三 列 6 个 单元 格 D. 两 行 三 列 5 个 单元 格 
7. 以 下 代码 段 ( 5 
请 选择 兴趣 <br> 
< input type= checkbox name= " 复 选 框 ” checked> 旅 游 
< input type= checkbox name= " 复 选 框 罗 音乐 
请 选择 性 别 : 
< input type= radio name= " 单 选 按钮 1" > 男 
< input type= radio name= " 单 选 按钮 2" > 女 
A. 非常 正确 
B. 改 为 : 一 组 复 选 框 用 不 同 的 名 字 ,一 组 单 选 钮 用 相同 名 字 
C. 改 为 : 一 组 单 选 按钮 要 用 相同 的 名 字 
D. 改 为 : 一 组 复 选 框 要 用 不 同 的 名 字 
二 、 简 答题 
1. HTML 的 中 文 名 称 和 英文 名 称 是 什么 ? 它 在 页 面 中 起 什么 作用 ? 
2. HTML 标记 是 否 区 分 大 小 写 ? 可 以 内 套 使 用 吗 ? 
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3. HTML 文档 的 扩展 名 是 什么 ? 
4. 简 述 HTML 文件 结构 ? 以 什么 标记 开始 ,以 什么 标记 结束 。 用 什么 标记 把 文档 


分 为 两 部 分 ? 


5. 在 HTML 中 ,标记 过 font 盖 的 size 属性 的 最 大 值 和 最 小 值 是 多 少 ? 

6. 在 HTML 文档 中 页 面 背 景色 和 字体 颜色 如 何 表 示 ? 

7. 在 HTML 文档 中 过 p 二 标记 和 二 br 二 标记 的 区 别 是 什么 ? 

8. 预 格式 化 标记 二 pre 之 的 作用 是 什么 ? 

9. 图 像 标记 的 alt 属性 起 什么 作用 ? 

10. 表单 在 页 面 中 起 什么 作用 ? 它 包含 哪些 元 素 ? 

11. 超 链 接 标记 的 作用 是 什么 ”如 何 使 用 超 链接 标记 链接 到 其 他 网 站 ` 页 面 . 音 乐 和 


影像 文件 ? 


12. 链接 到 本 文档 指定 位 置 与 链接 到 其 他 文档 指定 位 置 ,href 属性 值 的 区 别 是 什么 ? 
13. 表格 标记 可 以 嵌 套 使 用 吗 ? 使 用 时 的 注意 事项 是 什么 ? 

14. 文本 框 控件 的 属性 size 与 maxlenght 的 区 别 是 什么 ? 

15. 一 组 单 选 按钮 与 一 组 复 选 框 的 作用 有 什么 区 别 ? 创建 时 要 注意 什么 ? 

16. 简 述 在 表单 中 ,method= get 与 method 王 post 的 区 别 。 

三 、 上 机 练习 

1. 应 用 HTML 制作 第 一 个 页 面 ,页 面 上 有 一 幅 图 像 和 有 关 图 像 的 文字 说 明 。 

2. 使 用 HTML 制作 一 个 页 面 , 要 有 背景 颜色 。 页 面 显 示 内 容 及 格式 如 图 4-21 


所 示 。 


3. 制作 一 个 页 面 ,有 背景 音乐 ,上 面 有 文字 和 图 像 。 在 文字 和 图 像 上 创建 超级 链接 ， 


单 击 链 接 时 ,页 面 转 跳 到 其 他 页 面 。 
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4. 制作 一 个 本 学 期 使 用 的 课表 。 
5. 制作 一 个 “计算 器 ”界面 ,界面 如 图 4-22 所 示 。 


| ee ， 
by De 息 计算 器 - Windows Intern... 
Se I ee = 一 OO |@ Ra 可 04witio4 oshtm| -| 
i Bae sao ees 文人 (RF) 网 四 查看 V) 收 证 (A) 工 ” 
[Eee 遍 收 藏 赤 合计 算 直 国 | 
和 人 这 请 给 入 第 一 个 操作 数 : 
沽 局 舅 式 ， 业 元 千 、 阁 休 产 
| 显示 红色 字体 请 输入 第 二 个 操作 数 : 
| | 
显示 下 划 线 请 选择 操作 : @ + 加 - @* @/ 
避 除 蓝 线 
显示 上 标 : x? 目 
显示 下 标 : xz 
显示 大 体 字 A 
显 二 小 伯 字 习 
图 4-21 页 面 显示 内 容 及 格式 图 4-22 “计算 器 ”界面 


6. 制作 一 个 框架 结构 的 页 面 ,样式 如 图 4-23 所 示 ,页面 主题 自 定 。 
Top: 显示 logo 图 片 和 页 面 的 标题 。 
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Left: 显示 与 主题 相关 的 栏目 。 单 击 栏目 超 链接 ,在 Body 栏 显示 相关 内 容 。 
Body: 当前 页 面 的 主要 显示 区 域 。 

Bottom: 显示 版 权 信息 。 

7. 自 定 义 一 个 主题 ,应 具有 以 下 基本 功能 : 

(1) 用 记事 本 写 一 个 简单 的 策划 报告 。 

(2) 首页 。 

@ 自己 定义 一 个 网 站 标题 。 

@ 首页 框架 如 图 4-24 所 示 ,每 框 分 别 显示 不 同 的 内 容 。 


Top 
标题 (图 标 ) 
Left Body 栏目 名 称 1 
栏目 名 称 2 栏目 相应 内 容 
栏目 名 称 3 
Bottom 
图 4-23 框架 结构 图 4-24 网 站 首页 框架 


@ 在 左 框架 显示 栏目 名 称 , 双 击 栏目 名 称 , 右 框架 显示 相应 内 容 。 

@ 采用 适当 的 色彩 .背景 制作 。 

@ 二 级 页 面 有 返回 主页 的 链接 。 

四 、 实 训 课 题 

1. 自学 Dreamweaver、Flash、FrontPage 等 软件 ,制作 一 个 在 人 才 市 场 推 销 自己 的 个 
人 主页 ,并 在 Web 服务 器 上 发 布 。 

2. 开发 一 个 年 级 网 站 ,该 网 站 应 有 : 

(1) 系 的 概貌 ,并 介绍 相关 信息 。 

(2) 年 级 概貌 .所 学 专业 ,并 介绍 相关 信息 。 

(3) 班级 的 概貌 ,并 介绍 相关 信息 。 

(4) 每 个 人 的 情况 介绍 。 

为 完成 实 训 课 题 2, 需 成 立 : 

(1) 年 级 设计 与 规划 小 组 ,负责 年 级 网 站 的 规划 设计. 信息 采集 与 年 级 网 站 蓝图 的 
制作 ,并 分 配 与 协调 班级 网 页 的 制作 工作 。 

(2) 班级 设计 与 规划 小 组 ,负责 班级 网 站 的 规划 、 设 计 , 信 息 采 集 与 班级 网 站 蓝图 的 
制作 ,并 分 配 和 协调 个 人 网 页 的 制作 工作 。 
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外) 天 SS 


CSS(Cascading Style Sheets ,级 联 样式 表 ) 样 式 是 HTML 的 扩展 ,可 把 页 面 显 示 样 
式 与 显示 内 容 分 开 。 当 网 站 显示 风格 需要 更 新 时 ,只 要 更 改 CSS 样式 就 可 以 了 ,从 而 简 
化 了 网 站 维护 更 新 的 工作 。 

学 习 要 点 : 

(1) 熟练 应 用 页 面 布 局 技术 ,使 网 页 布局 合理 .内容 丰 富 。 

(2) 使 用 CSS 样式 使 网 站 具有 统一 风格 。 


5.1 CSS 简介 


5.1.1 CSS 作用 


在 HTML 网 页 的 代码 中 ,网 页 要 展示 的 样式 是 在 标记 内 设 定 的 。 例 如 : 
<h2>< font color= red> 你 好 !< /h2> 


“你 好 !” 显 示 成 红色 ,是 由 标记 二 font 二 内 的 属性 “color" 设 定 的 。 样 式 分 散在 各 个 标 
记 中 ,所 以 在 更 改 样式 时 ,需要 逐个 修改 各 个 标记 中 的 属性 。 一 个 网 站 包含 多 个 页 面 , 有 
些 页 面 需 有 相同 的 风格 ,例如 标题 .字体 .背景 色 等 ,在 创建 或 更 新 时 工作 量 会 较 大 。 

CSS 的 概念 是 : 把 网 页 展现 的 样式 从 网 页 中 独立 出 来 集中 管理 。 如 果 需 要 改变 网 页 
样式 ,只 需要 改变 样式 设 定 部 分 ,HTML 文件 本 身 不 需要 更 改 。 

由 于 HTML 的 功能 有 限 ,一 般 不 能 随意 设计 版 面 和 编排 文字 ,所 以 W3C 公布 了 一 
套 HTML 的 扩展 标准 CSS ,扩展 了 HTML 在 排版 和 文字 式样 上 的 功能 。CSS 用 于 定义 
Web 页 面 内 容 在 浏览 器 中 的 显示 方式 ,通过 样式 定义 可 以 设 定 很 多 属性 ,如 字号 .颜色 、 
页 边 距 .元素 在 页 面 上 的 绝对 位 置 等 。 

CSS 基于 HTML, 它 的 基本 语法 仍然 是 HTML。 使 用 CSS 就 是 将 页 面 样式 的 定义 
与 HTML 文件 分 离开 。 建 立定 义 样式 的 CSS 文件 后 ,可 由 HTML 文档 调用 该 样式 文 
件 , 并 按 该 样式 显示 。 


5.1.2 CSS 样式 文件 应 用 结构 


页 面 的 样式 设 定 与 页 面 内 容 分 离 后 ,可 以 把 CSS 样式 信息 存 成 独立 的 文件 ,使 多 个 
网 页 文件 共享 该 样式 文件 ;也 可 以 把 样式 分 类 ,分 存 于 不 同 的 文件 。 例 如 分 为 编排 样式 文 
件 .字体 样式 文件 .颜色 样式 文件 等 ,把 多 个 样式 文件 套用 在 一 个 网 页 文件 上 。 样 式 文件 
应 用 结构 见 图 5-1。 


CSS: CSS CSS 
样式 文件 样式 文件 1 | | 样式 文件 
调 调用 作 
HTML HTML 
文件 | “” | 文件 n 站 
图 5-1 样式 文件 应 用 结构 
应 用 样式 文件 具有 以 下 优点 : 


(1) 简化 Web 页 面 的 格式 代码 。 
(2) 修改 样式 文件 可 以 更 新 整个 Web 站 点 的 显示 风格 ,减少 网 站 管理 与 维护 的 工 
作 量 。 


5.2 定义 样式 的 格式 


5.2.1 CSS 定义 


为 使 页 面 能 够 套用 样式 ,浏览 器 需要 知道 : 

(1) 页 面 上 哪些 部 分 套用 样式 ,由 选择 符 (Selector) 选 择 。 

(2) 被 选中 部 分 按 什么 规则 显示 , 即 规则 (Rule)。 

样式 的 基本 语法 由 选择 符 和 规则 组 成 。 定 义 样式 的 基本 格式 是 : 

选择 符 { 规则 } 

例如 : 

hlf color:blue;} 

选择 符 : 是 样式 要 套用 的 对 象 ,一 般 是 HTML 标记 。 如 上 例 的 选择 符 是 hl ,选中 页 
面 标记 为 二 hl 过 的 内 容 , 在 HTML 文件 中 二 hl 二 … 二 /hl 二 标记 之 间 的 内 容 将 继承 hl 
的 全 部 规则 。 

规则 : 在 { } 内 制定 规则 ,如 上 例 的 color: blue;。 

语句 hl{ color:blue; } 的 作用 是 : 选择 符 是 hl 选中 HTML 文档 中 的 hl 标记 ,制定 
的 规则 是 color: blue, 把 页 面 二 hl 与 二 /hl 之 间 的 文字 全 部 显示 成 蓝 色 。 
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5.2.2 CSS 属性 


CSS 支持 的 文字 样式 属性 见 表 5-1。 
表 5-1 文字 样式 属性 


属 性 功能 与 属性 值 示 例 
font-family | 定义 字体 类 型 font-family: 隶 书 
定义 字体 大 小 font-size: x-large 
. 。 绝对 大 小 : font-size: 60px 
font-size R 
xx-small| x-small| small| medium | large | x-large | xx-large font-size: 160% 

。 相对 大 小 : large| small font-size: large 
font-weight | 字体 粗细 :normal|bold|bolder|lighter|100-900 font-weight: bold 
font-variant | 字体 变形 :normal( 普 通 ) |small-caps( 小 型 大 写字 母 ) font-variant: normal 
font-style 字体 效果 normal |italic|oblique font-style: italic 


CSS 支持 的 颜色 和 背景 属性 见 表 5-2。 
表 5-2 颜色 和 背景 属性 


属 性 功能 与 属性 值 示 例 
color 定义 前 景色 color: red 
background-color 定义 背景 色 : 颜色 |transparent( 透 明 ) background-color: white 


background-image | 定义 背景 图 像 的 URL background-image: http://www. buu. 


com. cn/imgy/fen. gif 


CSS 支持 的 长 度 单位 见 表 5-3。 
表 5-3 CSS 支持 的 长 度 单位 


类 型 说 明 示 例 

em 相对 字符 高 度 ,以 当前 元 素 本 身 的 font-size 为 参考 依据 margin: 4em 

0 px 以 像素 为 单位 font-size: 16px 
in 英寸 lin=2.54cm font-size:0. 6in 
cm 厘米 font-size:0. 6cm 

绝对 mm 毫米 font-size: 6mm 
pt 点 数 1lpt=1/72in font-size:40pt 
pe 印刷 单位 1pc 一 12pt font-size:4pe 


CSS 提供 光标 (cursor) 属 性 设置 , 共 提 供 有 16 种 光标 , 见 表 5-4。 
光标 属性 的 应 用 示例 为 一 style 二 cursor 一 "nw-resize" 二 ,一 style 一 "cursor 一 wait" 祖 等 。 
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表 5-4 光标 属性 


属 性 值 光 标 属 性 值 光 标 
auto 默认 值 se-resize be 
default N ne-resize A 
move 十 sw-resize 2 
pointer nw-resize ws 
crosshair 十 s-resize | 
e-resize wi text 由 
n-resize | wait 员 
w-resize re help [ea 


5.3 应 用 CSS 样式 的 4 种 方式 


可 以 有 4 种 方法 将 样式 表 的 功能 加 到 Web 页 面 中 。 
5.3.1 直接 定义 HTML 标记 中 的 style 属性 


语法 : 
<HM 标记 名称 style= "样式 属性 1: 属 性 值 1; 样 式 属性 2: 属 性 值 2;… "> 


5.3.2 在 HTML 文档 内 定义 内 部 样式 表 


语法 : 


< style type= "text/css"> 

<!-- 
选择 符 好, 选择 符 22,… {样式 属性 1: 属 性 值 1; 样 式 属性 2: 属 性 值 2;…} 
选择 符 BL, 选 择 符 B2,… {样式 属性 1: 属 性 值 1; 样 式 属性 2: 属 性 值 2;… } 


--> 

</style> 

CSS 选择 符 有 3 种 : HTML 标记 名 称 、class 选择 符 和 id 选择 符 。 它 们 的 定义 与 使 
用 见 表 5-5。 


表 5-5 选择 符 的 定义 与 使 用 


类 型 语 法 说 明 示 例 
a 在 HTML 文件 中 ,所 有 该 | ,,， 
HTML 定义 : 标记 {…} 标记 处 文本 都 具有 定义 的 h3{color:red} 


标记 HTML 文件 :三 标记 二 一 h3 二 …</h3 二 


CSS 样式 
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类 型 语 法 说 明 示 例 
定义 : * .类 名 {…} 或 在 HTML 文件 中 , 所 有 该 
.类 名 {…} 类 名 处 的 文本 都 具有 定义 的 .am{ color:red} 
HTML 文件 Ce jg A hs elass= a > < /> 
class 二 标记 class 二 类 名 二 
定义 : 标记 . 类 名 {…} 在 HTML 文件 中 ,所 有 该 ||。 Se 
HTML 文件 : 标记 及 该 类 名 处 文本 都 具有 i i | Ss 
二 标记 class 二 类 名 > ”| 定义 的 CSS 样式 2 
定义 : # 标 识 {…》 在 HTML 文件 中 ,所 有 该 Wan calcedl 
HTML 文件 : 标识 处 的 文本 都 具有 定义 的 ee 
二 标记 id 王 标 识 过 CSS 样式 一 h3 id=am>…<=/h3> 
' 定义 : 标记 # 类 名 {……} | 在 HTML 文件 中 ,所 有 该 | 3 nlcalor ud 
HTML 文件 : 标识 及 该 标记 处 的 文本 都 具 2 dn 
一 标记 id= 类 名 二 有 定义 的 CSS 样式 
例 5.1 本 例 说 明 选 择 符 的 应 用 ,ex5-01. html 代码 清单 如 下 : 
<htm> <head> 
<title> 选 择 符 的 应 用 < /title> 
< /head> 
< style type= "text/css"> /* 定 义 样式 x / 
pe 
h2{ color:green; 
font- family: 楷 体 ; 
} 
.redfont {font- family: 华 文 彩云 ;color:red} 
h4.bluefont{font- family: 隶 书 ;color:blue} 
#iqd olivefont{font- family: 楷 体 ;color:olive)} 0 a 
i . GAN2013Web 技 术 频 有 
h4#purplefont{font- family: 仿 宋体 ;color:purple} 一 一 一 一 一 一 -一 
pe 六 收 夫 。 | 合计 条 的 示 用 
< /style> 到 
<body> 显示 楷体 绿色 
<h> 显 示 楷 体 绿色 < /h2> 


<h3 class= redfont> 显示 华文 彩云 红色 < /h3> 
<h4 class=bluefcnt> 显示 隶书 蓝 色 < /h4> 
<h3 id- iqd_olivefont> 显 示 楷体 橄榄 绿 < /h3> 
<h4 id purplefont> 显示 仿宋 体 紫色 < /ha> 

< /body> < /html> 


文件 ex5-01. html 在 浏览 器 中 的 显示 结果 如 图 5-2 所 示 。 


5.3.3 内 入 外 部 样式 表 
语法 : 
< style type= "text/css"> 
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司 示 华文 丸 云 红色 


显示 季节 昔 色 


显示 楷体 机 槛 绿 
显示 仿宋 体 紫 色 


图 5-2 选择 符 的 应 用 


< 上 二- 
@ import url ("外 部 样式 表 文 件 名 "); 
-—> 
</style> 


5.3.4 链接 外 部 样式 表 


语法 ， 


< link type= "text/css" rel= stylesheet hre 全 "外 部 样式 文件 名 必 


5.4 样式 表 应 用 案例 


使 用 直接 定义 HTML 标记 中 的 style 属性 、 定 义 内 部 样式 表 、 嵌 入 外 部 样式 表 和 链 
搂 外 部 样式 表 这 四 种 方法 ,实现 图 53 所 示 的 “Eagle 
功能 。 Se coo "Tx | 


文件 (站 编辑 (6) 查看 (V) 收藏 严 (A) 工具 (1 帮助 (H) 


1. 直接 定义 HTML 标记 中 的 style 属性 文 ko 天 加 -| 全 这 9 站 有 | 本 SEX | 
例 5.2 直接 在 HTML 标记 中 插入 style 
属性 ,只 能 控制 该 处 的 样式 。ex5-02. html 代码 
清单 如 下 : 
< 图 5-3 需要 完成 的 Web 页 面 
<title> 直接 定义 BML 标记 中 的 style 属 性 </ 
title> 
< /head> 
< body> 
<hl style= "color:green;text- align:center;font- style:italic;font- family: 隶 书 ;font- size:x- large;" 
记 
用 四 种 方式 将 样式 表 功 能 应 用 到 WEb 页 面 中 < /hl> 
< /body> < /html> 


能 应 用 到 jp 页面 办 


2. 定义 内 部 样式 表 
例 5.3 本 例 说 明 内 部 定义 样式 表 的 应 用 ,ex5-03. html 代码 清单 如 下 : 


<htm> <head> 
<title> 定 义 内 部 样式 表 < /title> 

< style type= "text/css"> /x* 定义 样式 < / 

受 脸 全 


hl{color:green; 
text— align:center; 
font- style:italic; 
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</style> 
< /head> 
<body> 
<hl> 用 四 种 方式 将 样式 表 功 能 应 用 到 Web 页 面 中 < /hi> 
</body> < /html> 


语法 说 明 

。 样式 定义 在 文件 头 中 ,其 有 效 范围 是 整个 网 页 , 且 将 样式 设 定 与 网 页 内 容 分 开 。 

。 第 3 行 二 style type 王 "text/css" 二 style 标记 的 属性 type 指明 使 用 css。 

。 在 二 style 之 标记 内 加 上 注释 符号 二 ! 一 一 … 一 一 盖 , 可 以 使 不 支持 CSS 的 浏览 

器 忽略 这 段 内 容 。 

3. 艇 入 外 部 样式 表 

当 多 个 网 页 具有 相同 样式 时 ,可 以 使 用 样式 文件 把 设 定 的 样式 集中 起 来 ,并 存 成 独立 
的 样式 文件 ,以 使 多 个 网 页 共享 该 样式 文件 ;也 可 以 将 样式 分 类 ,使 一 个 网 页 套用 多 个 样 
式 文件 。 

例 5.4 本 例 将 建立 两 个 样式 文件 ,stylel. css 文件 保存 文字 的 颜色 ,style2. css 保存 
文字 的 其 他 样式 。 

样式 文件 的 后 缀 是 . css。 样 式 文件 stylel. css 文件 的 代码 清单 如 下 : 


hl {color:green; 
} 


样式 文件 style2. css 文件 的 代码 清单 如 下 : 


hl { text- align:center7 
font- style:italic; 
font- family: 隶 书 ， 
font- size:x- large; 
} 


文件 ex5-04. html 代码 清单 如 下 : 


<html>< head> 
<title> 嵌 入 外 部 样式 表 < /title> 
< style type= "text/css"> /x* 定义 样式 * / 
<!-- 
@ import url ("stylel.css"); 
@ import url ("style2.css"); 
-—> 
</style> 
< /head> 
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<body> 
<hl> 用 四 种 方式 将 样式 表 功 能 应 用 到 web 页 面 中 < /hl> 
< /body> < /html> 


4. 链接 外 部 样式 表 
例 5.5 链接 外 部 样式 文件 的 HTML 文件 的 页 面 代 码 ex5-05. html 如 下 : 


<html> < head> 
<title> 链 接 外 部 样式 表 < /title> 
< link rel= stylesheet type= "text/css" href= "stylel.css"> 
< link rel= stylesheet type= "text/css" href= "style2.css"> 
< /head> 
<body> 
<hl> 用 四 种 方式 将 样式 表 功 能 应 用 到 Web 页 面 中 < /hl> 


< /pody> < /html> 


5.5 页 面 定位 


页 面 定位 是 指 网 页 作者 可 以 精确 地 将 一 个 网 页 元 素 定 位 在 页 面 的 某 一 个 位 置 。 对 
CSS 中 几 个 页 面 定 位 元 素 说 明 如 下 。 

(1) position: 可 以 把 页 面 元 素 精 确定 位 , 它 有 3 种 设 定 方式 absolute/relative/ static 
(绝对 位 置 /相对 位 置 /静态 位 置 )。 

。 absolute: 页 面 对 象 的 绝对 位 置 ,原点 在 窗口 的 左上 角 。 

。 relative: 页 面 对 象 与 HTML 代码 中 上 一 个 对 象 的 相对 位 置 。 

。 static: 静态 位 置 ,该 值 是 默认 值 ,页 面 对 象 将 根据 HTML 源 代 码 的 位 置 顺序 显示 。 

(2) left: 元 素 的 左边 距 。 

(3) top: 元 素 的 顶 边 距 。 

(4) width: 元 素 的 宽度 。 

(5) height: 元 素 的 高 度 。 

(6) z-index: 定义 页 面 元 素 在 Z 轴 上 的 位 置 ,Z 轴 的 定义 从 后 到 前 。 

例 5.6 制作 一 个 页 面 ,在 页 面 中 使 文字 有 部 分 重 倒 。ex5-06. html 的 代码 清单 
如 下 : 


<html><head> 

<title> 定 位 技术 的 应 用 < /title> 

< style type= "text/css"> 
span{font- size:28pt;font- family:" 素 书 "} 
span. level?2{position:absolute;z- index:2;left:100;top:100;color:green} 
span. levell {position:absolute;z- index:1; left:103;top:103;color:red} 
span. level0{position:absolute;z- index:0;left:106;top:106;color:yellow} 
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Pp-.levl{positicon:absolutezz- index:2;left.:50;top:50;font— size:20pt;color:blue} 
p.lev2{position:absolute;z- index:- 2; left:52;top:52;font— size:20pt;color:darkred} 
</style> 
< /head> 
< body> 
< span class= "level2"> Web 技 术 应 用 基础 < /span> 
< span class= "levell"> Web 技 术 应 用 基础 < /span> 
< span class= "level0"> Web 技 术 应 用 基础 < /span> 
<p class= "ev1"” > 欢迎 学 习 < /span> 
<p class= "ev2"> 欢 迎 学 习 < /span> 
< /body> < /html> 


在 浏览 器 中 的 显示 结果 如 图 5-4 所 示 。 


文件 (F) 编辑 (F) 童 青 (V) 收藏 严 A) 工具 (D 帮助 (H) 


图 5-4 网 页 元 素 定位 


5.6 CSS 在 网 上 书店 案例 中 的 应 用 


网 上 书店 的 各 个 页 面 采用 了 统一 的 风格 。 

(1) 超 链接 : 设置 没有 访问 过 的 超 链接 (a:link) 颜 色 是 #FF9900, 访 问 过 的 超 链接 
Casvisited) 的 颜色 是 并 0000FF 蓝 色 ,鼠标 移 到 超 链接 (a:hover) 上 时 的 颜色 是 #FF3300。 

(2) . menufontcolorl 菜单 栏 字体 颜色 。 

(3) . forminput 表单 输入 组 件 的 大 小 。 

(4) . formtext 表单 文本 框 的 字体 。 

(5) .td 单元 格 大 小 字体 等 。 

样式 文件 maincss. css 代码 清单 如 下 : 


a:active { text- decoration: none; color: #333333} 
a:hover { text- decoration: underline; color: #FF3300} 
a:visited { text- decoration: none; color: #0000FF} 
a:link { 

Color: #FF9900; 

text- decoration: none; 
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-menufontcolorl { 
Color: #333333; 


-menufontcolor2 { 
Color: #333333; 


.forminput { 
height: 18px; 
border: lpx dotted; 


-formtext { 
border: lpx dotted; 


A 

border: lpx dotted; 
font- family: "宋体 "; 
font- size: 12px; 
Color: #333333; 

text- decoration: none; 


小 结 


使 用 CSS 技术 可 以 使 网 站 样式 的 设计 和 制作 更 为 快捷 。 有 4 种 方式 使 用 CSS: 直接 
定义 HTML 标记 中 的 style 属性 ,在 HTML 文档 内 部 定义 内 部 样式 表 , 幅 入 外 部 样式 表 
和 链接 外 部 样式 表 。 


习题 上 机 练习 5 


一 、 选 择 题 
以 下 代码 段 , 显 示 效 果 ( 5 


<html> 
< style type= "text/css"> 
条 
font { color:red; 
font- family: 楷 体 ; 
h 
--></style> 
<body> 
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<font> Web 技术 < /font> 
<h2> 新 技术 < /2> 
< /body> < /html> 


A. 文字 *Web 技术 ”和 “新 技术 ”显示 成 宋体 、 黑 色 
B. 文字 “新 技术 ”显示 成 构 体 .红色 

C. 文字 “Web 技术 "显示 成 楷体 .红色 

DD. 文字 “Web 技术 ”和 “新 技术 ”显示 成 楷体 、 红 色 


二 、 简 答题 
1. 简 述 CSS 的 概念 及 其 功能 。 
2. 有 如 下 一 段 代码 ,请 问 页 面 上 的 文字 *Web 技术 应 用 基础 "显示 成 什么 颜色 ? 


<html>< head> < /head> 
< style type= "text/css"> 
t= 
font { color:red; 
font- family: 楷 体 ; 
} 
--></style> 
< body> 
< font>Web 技 术 应 用 基础 < /font> 
< /body> < /html> 


3. 有 哪儿 种 方式 可 以 把 样式 表 的 功能 应 用 到 页 面 中 ? 


三 、 上 机 练习 
1. 使 用 CSS 技术 制作 一 个 页 面 ,页 面 内 容 及 显示 格式 如 图 5-5 所 示 。 


HTML 技术 (红色) 

Css 用 于 定义 Yeb 页 面 内 容 在 浏览 器 上 的 显示 方式 . 由 于 HT 的 功能 有 限 ,一 

: 不 能 随意 设计 版 面 和 编排 文字 , 所 以 V3c 公布 了 一 套 HDL 的 扩展 标准 Css, 扩展 了 
| 在 排版 和 文字 式样 上 的 功能 ( 蓝 色 )。 


(1) 直接 定义 HTML 标记 中 的 style 属性 实现 。 

(2) 定义 内 部 样式 表 实 现 。 

(3) 嵌入 外 部 样式 表 实 现 。 

(4) 链接 外 部 样式 表 实 现 。 

2. 制作 一 个 具有 三 个 页 面 的 网 站 ,内 容 自 定 ,应 用 CSS 技术 使 它们 具有 相同 的 风格 。 

3. 制作 一 个 页 面 , 使 图 像 的 说 明文 字 在 图 像 之 中 ,请 注意 文字 颜色 的 选择 ,以 便 把 图 
像 和 文字 区 分 开 。 
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二 . 
前 JavaScript 
第 @ 


脚本 是 能 够 完成 某 种 功能 的 小 程序 段 ,脚本 语言 (Script) 位 于 HTML 与 高 级 编程 语 
言 ( 如 Java、VB、C++ 和 C# 等 ) 之 间 。 虽 然 脚 本 更 接近 高 级 语言 ,但 是 它 不 具有 高 级 语言 
复杂 .严谨 的 语法 规则 ,所 以 脚本 语言 好 学 易 用 ,普及 了 Web 应 用 的 开发 工作 。 脚 本 语言 
能 够 对 页 面 功能 进行 管理 与 控制 ,使 Web 页 面具 有 动态 效果 ,完成 计算 .表单 客户 端 验 
证 .游戏 编写 和 页 面 特 效 制作 等 工作 。 脚 本 语言 分 为 客户 端 脚本 和 服务 器 端 脚 本 两 种 。 
客户 端 脚本 是 在 客户 机 上 运行 的 脚本 程序 ,在 客户 端 产生 动态 效果 。 服 务 器 端 脚 本 是 在 
服务 器 上 运行 的 脚本 程序 ,支持 数据 库 通信 ,与 客户 交互 ,产生 动态 效果 。 脚 本 语言 主要 
有 VBScript 和 JavaScript ,一 般 在 JSP 中 使 用 JavaScript, 本 书 主 要 介绍 JavaScript。 

学 习 要 点 : 

(1) 理解 脚本 的 基本 概念 ,JavaScript 运行 机 制 。 

(2) 熟练 掌握 将 JavaScript 语句 岩 入 HTML 文档 和 链接 外 部 JS 文件 的 方法 。 

(3) 应 用 JavaScript 基本 语法 .控制 语句 和 函数 完成 JavaScript 程序 设计 ,注意 与 学 
过 的 其 他 语言 的 共同 与 不 同 之 处 。 

(4) 掌握 window 对 象 .document 对 象 和 JavaScript 内 置 对 象 的 属性 和 方法 的 应 用 。 

(5) 熟练 应 用 JavaScript 编制 事件 处 理 程序 。 


6.1 JavaScript 概述 


6.1.1 JavaScript 运行 机 制 


JavaScript 是 一 种 嵌入 HTML 文档 ,具有 解释 型 、. 跨 平台 、 安 全 性 ,基于 对 象 和 事件 
驱动 的 脚本 语言 。 它 既 可 以 在 客户 端 运行 ,也 可 以 运行 在 服务 器 上 。 在 客户 端 执 行 脚 本 ， 
需要 在 客户 机 上 安装 使 用 脚本 的 应 用 程序 和 脚本 引擎 。 使 用 脚本 的 应 用 程序 (Script 
Host ,也 称 为 脚本 主机 ) 通 常 就 是 浏览 器 , 它 可 以 是 IE(Microsoft Internet Explorer) 或 
INCNetscape Navigator) 。 脚 本 引擎 (Script Engine) 通 常 是 一 个 库 或 库 的 集合 ,例如 ， 
VBScript. DLL 或 JScript. DLL, 由 它们 完成 解释 脚本 的 具体 任务 。 


JavaScript 由 JavaScript 核心 语言 .JavaScript 客户 端 扩 展 和 JavaScript 服务 器 端 扩 
展 三 部 分 组 成 。 核 心 语言 部 分 包括 JavaScript 的 基本 语法 和 JavaScript 的 内 置 对 象 ,在 
客户 端 和 服务 器 端 均 可 运行 。 客 户 端 扩展 部 分 是 在 JavaScript 核心 语言 基础 上 扩展 了 控 
制 浏览 器 的 对 象 模型 DOM ,在 客户 端 运行 脚本 时 ,可 以 很 方便 地 控制 页 面 上 的 对 象 。 服 
务 器 端 扩展 部 分 是 在 JavaScript 核心 语言 基础 上 扩展 了 在 服务 器 上 运行 时 需要 的 对 象 。 
这 些 对 象 可 以 和 Web 数据 库 连接 ,可 以 在 应 用 程序 之 间 交 换 信息 ,对 服务 器 上 的 文件 进 
行 控制 。 

JavaScript 的 运行 过 程 如 下 。 

(1) 客户 在 浏览 器 地 址 栏目 输入 请 求 页 面 的 URL ,该 页 面 租 入 JavaScript 程序 段 。 

(2) 浏览 器 将 请 求 发 送 到 服务 器 。 

(3) 服务 器 响应 请 求 ,将 嵌入 JavaScript 的 HTML 文档 发 送 到 客户 端 。 

(4) 客户 端 浏 览 器 从 上 到 下 逐 行 解释 执行 HTML 标记 和 JavaScript 脚本 ,并 把 
JavaScript 脚本 交 脚 本 引擎 执行 ,把 执行 结果 向 客户 展示 。 


6.1.2 JavaScript 的 特点 


JavaScrip 具有 以 下 特点 。 


1， 基于 对 象 

JavaScript 是 基于 对 象 的 (Object-Based) ,允许 开发 人 员 自 定义 对 象 。 它 不 是 面向 对 
象 (Object-Oriented) 语 言 ,不 支持 类 和 继承 。JavaScript 有 内 置 对 象 ,例如 ,string( 字 符 
串 ) .Date( 日 期 ): 和 Math( 算 术 ) 等 对 象 ; 同 时 也 有 浏览 器 提供 的 大 量 内置 对 象 ,开发 人 员 
可 以 直接 使 用 。 

2. 事件 驱动 

事件 是 用 户 在 操作 Web 页 面 时 发 生 的 任何 事情 。 例 如 ,鼠标 左 键 单 击 、 鼠 标 拖 动 、 窗 
口 移动 或 提交 表单 等 。JavaScript 是 事件 驱动 的 , 当 事 件 发 生 时 , 即 可 对 事件 产生 反应 并 
进行 处 理 。 

3. 动态 

只 用 HTML 标记 开发 的 页 面 是 静态 的 ,浏览 器 解释 执行 并 向 客户 显示 后 ,显示 内 容 
就 不 能 变化 了 ,对 客户 的 要 求 无 动 于 囊 。 使 用 JavaScript 开发 的 页 面 是 动态 的 ,可 以 控制 
页 面 对 象 ,可 以 和 客户 进行 交互 ,满足 客户 进一步 的 请 求 。 故 JavaScript 是 设计 交互 式 动 
态 .尤其 是 “客户 端 动态 ”页 面 的 重要 工具 。 

4. 安全 

JavaScript 是 一 种 安全 的 语言 。 它 不 允许 访问 本 地 硬盘 ,不 能 修改 或 删除 其 他 文件 
的 内 容 ,不 能 将 数据 存储 在 Web 服务 器 或 用 户 的 计算 机 上 。 


5. 与 平台 无 关 
JavaScript 只 依赖 于 浏览 器 ,与 操作 环境 无 关 。 只 要 是 能 运行 支持 JavaScript 浏览 器 
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的 计算 机 ,就 可 以 正常 工作 。 


6.1.3 JavaScript 应 用 案例 图 像 互 换 位 置 


例 6.1 应 用 JavaScript 制作 第 一 个 脚本 程序 。 


1. 任务 要 求 

要 求 页 面 上 有 两 幅 图 像 及 有 关 图 像 的 说 明 的 文字 。 当 用 户 鼠 标 左 键 单 击 页 面 时 ,图 
像 交 换 位 置 。 页 面 如 图 6-1 所 示 。 

分 析 任务 要 求 ,确定 本 例 需要 使 用 的 技术 。 由 DPC - 
于 页 面 上 有 两 幅 图 像 , 所 以 需要 使 用 块 容器 标记 “由 六 8P Ja 可 看 V) 收 (A) 工具 (1) 击 遇 


一 div> 界 定 这 两 幅 图 像 和 它 的 文字 说 明 , 并 使 用 绝 | 9 we -一 
对 定位 技术 将 图 像 定位 。 鼠 标 单 击 页 面 时 ,产生 鼠 请 单 击 页 面 
标 事 件 , 图 像 互 换 位 置 的 动作 是 对 鼠标 事件 的 响 
应 。 本 例 将 使 用 JavaScript 编制 事件 处 理 程序 。 
2. 完成 以 上 任务 的 代码 ex6-01. html dog cat 
代码 ex6-01. html 清单 如 下 : 
图 6-1 JavaScript 应 用 案例 的 页 面 
<html>< head> 


<title> Javascript 应 用 案例 < /title> 
< Script language= "JavaScript"> 
function ChangeImage () { 
Var dog top= dog.style.tcp 
Var dog left= dog.style.left 
dog.style.top= cat.style.top 
dog.style.left= cat.style.left 
cat.style.top= dog top 
cat.style.left= dog left 
} 
< /script> 
< /head> 
<body onclick= "ChangeImage ()"> snbsp 
<font face= 哇 书 " color= "blue" size= 6@> 请 单 击 页 面 < /font><p> 
<div id= "cat" style= "position:absolute;top:60px; left:60px"> 
< img src= "cat.gif" width= "80" hieght= "80" ><br> 
< font size= 5 color= "red"> cat< /font> 
< /div> 
< div id= "dog" style= "position:absolute;top:60px; left:160px"> 
< img src= "dog.gif" width= "80" hieght= "80"> <br> 
< font size= 5 color= "red"> dogx /font> 
< /div> 
< /body> < /html> 
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3. 代码 说 明 

(1 第 16 至 了 和 9 行 

< 王 div 之 和 二 /div 之 是 块 容器 标记 ,之 间 可 以 容纳 多 个 不 同 的 HTML 标记 和 语言 
元 素 。 

id 一 "cat" ,指定 该 块 容器 的 标识 id 值 是 cat。 

(2) 第 3 至 12 行 

当 用 户 单 击 页 面 时 ,由 使 用 JavaScript 脚本 语言 编写 的 ChangelImage() 函 数 完成 事 
件 的 处 理 , 即 图 像 交 换 位 置 的 动作 。 


6.2 JavaScript 基本 语法 


JavaScript 的 基本 语法 现象 主要 有 : JavaScript 语句 插入 到 HTML 文档 中 的 方式 、 
书写 格式 .数据 类 型 .变量 .常量 和 运算 符 等 。 


6.2.1 在 HTML 文档 中 调和 或 谋 入 JavaScript 


有 两 种 方式 把 JavaScript 语句 插入 HTML 文档 中 。 一 种 是 应 用 HTML 的 二 script 二 标 
记 , 直 接 把 JavaScript 语句 舱 入 HTML 文档 中 。 另 一 种 是 使 用 HTML 二 script 二 标记 的 
“sre” 属 性 ,把 JavaScript 源 文 件 链接 到 HTML 文档 中 。 


1. 艇 入 JavaScript 

使 用 二 script 二 标记 把 JavaScript 语句 艇 入 HTML 文档 中 。 

语法 : 

< Script language= "JavaScript"> 

Javascript 代码 

< /script> 

将 JavaScript 代码 嵌入 HTML 文档 , 需 使 用 HTML 的 过 script 之 标记 的 “language” 
属性 ,属性 值 可 以 是 “JavaScript? 也 可 以 是 “VBScript?。 志 script 二 可 以 包含 在 二 head 二 
标记 和 过 body 二 内 。 包 含 在 二 head 之 内 的 JavaScript 脚本 在 页 面 装载 之 前 运行 ,所 以 函 
数 一 般 包含 在 二 head 二 标记 之 间 。 

2. 链接 外 部 JavaScript 

在 JavaScript 语句 比较 多 又 复杂 ,并 且 有 多 个 网 页 需要 共享 时 ,可 把 JavaScript 代码 
以 文件 方式 单独 存放 ,扩展 名 为 “.js”。 然 后 ,用 二 script 二 标记 的 “src” 属 性 把 JavaScript 
外 部 文件 链接 到 HTML 文档 。 它 对 客户 隐藏 了 脚本 程序 ,比较 安全 。 

语法 : 


< script src= "Javascript 文件 名 "> < /script> 
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注意 : 链接 的 外 部 文件 “.js” 只 能 包含 JavaScript 代码 ,不 可 以 包含 HTML 标记 , 扩 
展 名 必须 是 .js”。 


3. 应 用 举例 

在 页 面 上 显示 "Hello World!"。 例 6. 2 使 用 JavaScript 代码 嵌入 HTML 文档 的 方 
法 制作 。 例 6. 3 使 用 链接 JS 外 部 文件 的 方法 。 两 者 的 显示 效果 是 一 样 的 ,如 图 6-2 
所 示 。 

例 6.2 在 HTML 文档 中 峙 入 JavaScript,ex6-02. html 代码 清单 如 下 : 


<html> < head> 

<title> Javascript 艇 人 HIMIK /title> 

< /head> 

<pooy> 

< script language= "JavaScript"> 

Gocument .write ("Hello World!") 

< /script> 

< /body> < /html> 

例 6. 2 的 第 6 行 “document. write("Hello World!")”, 应 用 了 JavaScript 的 
“document” 对 象 的 "write(O) ?方法 ,把 字符 串 "Hello World! "输出 到 浏览 器 窗口 中 显示 。 
例 6. 2 的 运行 结果 如 图 6-2(a) 所 示 。 

例 6.3 将 外 部 JS 文件 ex6-03. js 的 JavaScript 代码 链接 到 ex6-03. html 文档 。 
例 6. 3 的 运行 结果 与 例 6. 2 是 一 样 的 ,如 图 6-2(b) 所 示 。 


/ FE ) x x 人 A ye x 
Ss wm -i» 3 Oe opowsomml -1s 


| 文件 (F) 编 4(E) 查看 V) 收藏 只 (A) 工 E ”中 “| 文件 (F) 编辑 (E) 查看 V) 收藏 严 (A) 工 5 ”| 
褒 收藏 天 侣 Javascript 旋 和 HTML | 席 收 茂 实 登 鱼 这 5 外 部 文件 | 


Hello World! Hello World! 


(a) 息 入 HTML (b) 链接 外 部 JS 文件 
图 6-2 在 HTML 文档 中 嵌入 或 调 入 JavaScript 
ex6-03. js 清单 如 下 : 
document.write ("Hello World!") 
ex6-03. html 清单 如 下 : 


<html><head><title> 链 接 Js 外 部 文件 < /title> 


<script src="ex6-03.js"> 


</head> 链接 JS 外 部 文件 


<body> 
</body></html> 
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6.2.2 JavaScript 书写 格式 


(1) JavaScript 区 分 大 小 写 。 

(2) JavaScript 可 以 没有 可 见 的 行 结束 标志 ,用 换行 符 作 为 一 行 的 终止 符 。 也 可 以 用 
分 号 (;) 作 为 行 结束 标志 。 

(3) 如 果 需 要 把 几 行 代码 写 在 一 行 中 ,使 用 分 号 (;) 把 它们 分 开 。 例 如 ， 


var 3 
varpr6 


Var c=0 
可 以 写成 
var 3 6rc=0 


它们 的 效果 是 一 样 的 。 
(4) 为 了 使 程序 清晰 易 读 ,采用 缩 进 格式 来 书写 。 
(5) 可 以 用 两 种 方法 进行 注释 ,注释 方法 与 C++ 相同 。 
//: 从 注释 标记 “//” 起 直到 行 尾 的 字符 在 脚本 运行 时 都 被 忽略 。 
/* ¥*/: 在 /x ”与 %*/” 之 间 的 字符 在 脚本 运行 时 都 被 忽略 。 


6.2.3 基本 数据 类 型 


JavaScript 与 Java 和 C# 有 许多 相似 之 处 ,也 有 自己 的 数据 类 型 .表达 式 、 算 术 运 算 
符 和 程序 基本 框架 结构 。 


1. 数据 类 型 

JavaScript 有 5 种 数据 类 型 : 数值 型 (整数 和 浮 点 数 ) .字符 型 .字符 串 型 ,布尔 型 和 空 
值 型 。 基 本 类 型 中 的 数据 可 以 是 常量 ,也 可 以 是 变量 。JavaScript 采用 弱 类 型 (Loosely 
Typed) 形 式 , 在 声明 变量 时 不 需要 指定 数据 类 型 ,在 使 用 时 确定 它 的 数据 类 型 。 

(1) 数值 型 : 数值 型 包括 整数 和 浮 点 数 。 

整数 (int) 可 以 是 十 进 制 八进制 和 十 六 进 制 数 , 八 进 制 数 以 0 开头 ,十 六 进 制 数 以 0x 
或 0X 开头 。 例 如 ,166( 十 进 制 )、0327( 八 进 制 )、0x8e( 十 六 进 制 )。 

浮 点 数 (float) 可 以 用 小 数 点 形式 或 指数 形式 表示 ,例如 : 一 2.73,56.,1. 8e4， 
5e 一 8 等 。 

(2) 字符 型 (string) : 字符 型 数据 的 值 是 用 ('") 括 起 来 的 单个 字符 ,可 以 是 Unicode 
字符 集中 的 任何 字符 ,例如 : 'a','g",'x ','' 等 。 键盘 上 没有 的 字符 可 用 转 义 字符 ,例如 ， 
\b 是 退 格 符 ',\f 吓 换 页 符 ,\n 是 换行 符 ,\r 是 回 车 符 ,\t 是 水 平 制 表 符 等 。 

(3) 字符 串 型 (string) : 字符 串 型 数据 的 值 是 用 ("") 括 起 来 的 一 连 串 字符 或 数字 , 例 
如 ,"666666"、"Hello World!" 等 。 字符 串 中 可 以 包含 转 义 字符 ,例如 ,"666\n666"。 
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会 


符 


字 


(4) 布尔 型 (boolean) : 布尔 型 的 数据 有 true 和 false 两 种 ,分 别 表示 逻辑 真 和 逻辑 假 。 
(5) 空 值 Cnull) : 空 值 null 表示 什么 也 没有 。 如 果 企 图 引用 一 个 没有 定义 的 变量 ,就 


返回 一 个 null 值 。 


水 


2. 常量 

JavaScript 常量 常 称 为 字面 量 , 是 值 保持 不 变 的 量 。 常 量 的 类 型 有 : 整 型 . 浮 点 型 . 字 
型 .字符 串 型 和 布尔 型 。 

(1) 整 型 常量 

整 型 常量 有 三 种 表示 方式 。 

。 十 进 制 整数 。 例 如 ,0、19、 一 14 等 。 

。 八进制 整数 。 以 0 开头 的 整数 ,包含 数字 0 一 7 ,例如 ,0.0167.056 等 。 

。 十 六 进 制 整数 。 以 0x 开头 的 整数 ,包含 数字 0 一 9 .字母 a~f 或 A~F, 例 如 ,0x0、 

0xalD 等 。 

(2) 浮 点 型 常量 

浮 点 型 常量 可 用 小 数 点 形式 或 指数 形式 表示 。 

。 小 数 点 形式 。 例 如 ,1.56.0.12、 一 0.14 等 。 

。 指数 形式 。 例 如 ,1. 56e6 或 1.56E6 表示 1.56X10*,. 12E 一 2 表示 0.12X10-。 

(3) 字符 型 常量 

字符 型 常量 是 用 (') 括 起 来 的 单个 字符 ,例如 ,a',A',8,'% 等 。 如 果 是 键盘 上 没有 的 
符 , 可 以 使 用 转 义 字符 ,例如 ,\b 表 示 退 格 符 等 。 

(4) 字符 串 型 常量 

字符 型 常量 是 用 ("") 括 起 来 的 一 连 串 字符 或 数字 ,例如 ,"Hello" 等 。 

(5) 布尔 型 常量 

布尔 型 常量 只 有 两 个 值 ,true 表示 真 ,false 表示 假 。 

3. 变量 

变量 是 在 代码 中 值 可 以 改变 的 量 。JavaScript 中 使 用 关键 字 “var” 声 明 变 量 并 分 配 


存储 空间 。 变 量 名 必须 以 字母 或 下 划 线 ” “开始 ,后 面 的 字符 可 以 是 字母 数字 或 下 划 线 。 
JavaScript 内 部 定义 的 保留 字 不 能 用 作 变 量 名 ,JavaScript 的 保留 字 见 表 6-1。 


表 6-1 JavaScript 的 保留 字 


abstract boolean break byte case catch 
char class const continue debugger default 
delete do double else enum export 
extends false final finally float for 
function goto 让 implements import in 
instanceof int interface long native new 
null package private protected public return 
short static super switch synchronized this 
throw throws transient true try typeof 
var void volatile while with 
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注意 : JavaScript 是 区 分 大 小 写 的 。 例 如 ,变量 Num 与 变量 num 是 两 个 不 同 的 
变量 。 
语法 ; 


var 变量 名 
var 变量 名 = 变量 值 


例如 : 


Var 于 3 

str= "Hello World!" 

numl= 12 

Dum2=- 3.14 

Var db,c=0 

在 JavaScript 中 变量 声明 关键 字 是 可 选 的 。 例 如 语句 var a 二 3 也 可 以 写成 a==3。 
但 是 不 能 既 不 用 关键 字 “var” 声 明 ,也 不 给 它 赋 初 置 。 

在 JavaScript 中 既 可 以 在 声明 变量 时 初始 化 ,也 可 以 在 变量 被 声明 后 赋值 。 例 如 ， 
语句 : 

Var numl= 6 


和 语句 : 


Var numl 
numl=6 


的 作用 是 一 样 的 。 

4. 表达 式 

表达 式 是 由 变量 .常量 ,布尔 和 运算 符 按 一 定 规则 组 成 的 集合 ,通过 计算 产生 一 个 值 。 
表达 式 的 值 可 以 是 数字 字符 串 或 布尔 量 。JavaScript 有 3 种 表达 式 : 算术 表达 式 、. 串 表 
达 式 和 逻辑 表达 式 。 例 如 : numl 十 23,"Hello" 十 "World!",A && B。 

5. 运算 符 

JavaScript 的 运算 符 有 : 赋值 运算 符 、 算 术 运 算 符 .逻辑 运算 符 、 比 较 运 算 符 、 字 符 串 
运算 符 和 位 运算 符 。 表 6-2 列 出 了 6 种 赋值 运算 符 的 使 用 说 明 。 

表 6-2 ”赋值 运算 符 的 使 用 说 明 
运 算 符 使 用 说 明 范例 


把 二 号 右边 表达 式 的 值 赋 给 左边 的 变量 z 一 x 十 y 
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表 6-3 列 出 了 算术 运算 符 的 使 用 说 明 。 
表 6-3 算术 运算 符 的 使 用 说 明 


运算 符 使 用 说 明 范 例 
十 加 1 十 2 // 返 回 值 为 3; 一 3.6 十 6.7 // 返 回 值 为 3.1 
三 减 6 一 2 // 返 回 值 为 4;5.6 一 2.3 // 返 回 值 为 3.3 
乘 3*2 // 返 回 值 为 6;2.2*3 // 返 回 值 为 6.6 
VW 除 64/8 // 返 回 值 为 8 
% 求 模 ( 求 除法 的 余数 ) 5%3 // 返 回 值 为 2 
十 十 一 元 自 加 ,把 操作 数 加 1 x 十 十 ;十 十 x 
0 一 元 自 减 , 把 操作 数 减 1 x 一 一 ,一 一 x 


表 6-4 列 出 了 逻辑 运算 符 的 使 用 说 明 。 
表 6-4 逻辑 运算 符 的 使 用 说 明 


运算 符 使 用 说 明 范 例 
&.&. 逻辑 与 , 当 操 作 符 两 边 表 达 式 的 值 均 为 true 时 ,结果 为 true, 和 否则 结 AB&B 
果 为 false 
|| 逻辑 或 ,A 和 B 中 有 一 个 的 值 为 true 时 ,结果 为 true;A 和 B 都 是 AllB 
false, 结 果 为 false 
! 求 反 ,车 A 的 值 为 true, 结 果 为 false;A 的 值 为 false, 结 果 是 true ! A 
表 6-5 出 了 比较 运算 符 的 使 用 说 明 。 
表 6-5 比较 运算 符 的 使 用 说 明 
运算 符 使 用 说 明 范 例 
宝宝 相等 比较 ,如 果 变 量 A 和 也 相等 ,结果 为 true; 和 否则 ,结果 为 false A==B 
t= 不 相等 比较 ,如 果 变 量 A 和 B 不 相等 ,结果 为 true; 和 否则 ,结果 为 false A!=B 
> 大 于 比较 ,如 果 变 量 A 大 于 B, 结 果 为 true; 和 否则 ,结果 为 false A>B 
~ 小 于 比较 ,如 果 变 量 A 小 于 B, 结 果 为 true; 否 则 ,结果 为 false A=B 
>= 大 于 等 于 比较 ,如 果 变量 A 大 于 等 于 B, 结 果 为 true; 否 则 ,结果 为 false A>=B 
< 三 小 于 等 于 比较 ,如 果 变 量 A 小 于 等 于 B, 结 果 为 true; 和 否则 ,结果 为 false A<==B 


JavaScript 只 有 一 个 字符 串 运算 符 “ 十 ”, 使 用 字符 串 运 算 符 可 以 把 几 个 串 连接 在 一 
起 。 例 如 ,“ 字 符 串 ”十 “运算 符 ” 的 返回 值 是 :“ 字 符 串 运算 符 ”。 
表 6-6 列 出 了 位 运算 符 的 使 用 说 明 。 


表 6-6 位 运算 符 的 使 用 说 明 


运 算 符 使 用 说 明 范例 运 算 符 使 用 说 明 范 例 
& 
| 


按 位 与 运算 AR&B 一 按 位 取 反 运 算 一 人 A 
按 位 或 运算 AlB 雪 反 左 移 运算 A=<=B 
按 位 异 或 运算 A’B 公演 右 移 运算 A>>B 


JavaScript 中 ,运算 符 优 先 级 从 高 到 低 如 下 排列 : 
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。 对 象 访问 : . 

。 调用 和 成 员 : () [] 

。 乘 . 除 和 取 模 : * / % 

。 加 和 减 : 十 一 

。 位 移 位 运算 : 二 二 一 一 

。 比较 运算 :二 <= 二 二 王 


。 等 于 和 不 等 于 : = 二 = 二”!= 

。 按 位 与 : & 

。 按 位 异 或 :^ 

。 按 位 或 : | 

。 逻辑 与 : &.&. 

。 逻辑 或 : | | 

。 条 件 运算 : ? 

。 赋值 : 十 兴 / % <<~= >> &. 
。 逗号 : ， 


6.3 JavaScript 控制 结构 和 函数 


6.3.1 JavaScript 控制 结构 


JavaScript 有 四 种 程序 结构 控制 语句 : if、switch、for 和 while。 
1. 条 件 语 句 府 …else 
语法 如 下 
if( 条 件 表达 式 ){ 
语句 集 1 // 条 件 表达 式 值 为 true, 进 行 处 理 
}else{ 
语句 集 2 // 条 件 表达 式 值 为 false, 进 行 处 理 
} 


如 果 不 需 要 处 理 条 件 为 false 的 情况 ,可 以 不 写 else 语句 段 。 例 如 : 


if( 条 件 表达 式 ){ 
语句 集 /条 件 表达 式 值 为 true, 进 行 处 理 
} 
下 语句 可 以 租 套 使 用 。 
2. switch 语句 
switch 是 多 路 分 支 语句 ,用 于 经 过 测试 后 决定 哪 条 语句 被 执行 。 
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语法 3 
switch 人 (表达 式 ){ 
case 值 1: 
语句 集 1 
break 
case 值 2: 


语句 集 2 


当 switch 语句 开始 执行 时 , 先 计 算 表 达 式 的 值 ,然后 将 表达 式 的 值 与 case 后 面 的 常 
量 比 较 。 如 果 有 相等 的 , 则 执行 该 case 后 的 语句 集 ;如 果 没 有 找到 相 匹 配 的 值 , 则 执行 
default 后 的 语句 集 。 


3. 循环 语句 for 
for 循环 语句 设置 了 一 个 计数 器 计算 循环 次 数 , 达 到 循环 次 数 后 结束 循环 。 它 的 语法 
规则 如 下 : 
for 初始 化 表达 式 ;条 件 ; 增 量 表达 式 ){ 
语句 集 
} 


4. 循环 语句 while 
while 循环 语句 不 直接 指明 循环 次 数 ,具体 循环 次 数 由 运行 时 情况 决定 。 满 足 循 环 
条 件 执行 循环 体 语句 ,不 满足 循环 条 件 退 出 循环 体 。 它 的 语法 规则 如 下 : 
vbhile( 条 件 表达 式 ){ 
语句 集 
} 
倘若 语句 集中 使 用 了 break 或 continue 语句 ,它们 的 区 别 如 下 : 
。 break 语句 : 根据 条 件 终止 循环 。 
。 continue 语句 : 根据 条 件 , 跳 过 循环 体内 剩余 语句 ,进入 下 一 次 循环 。 
S. do…while 循环 语句 
do…while 循环 语句 与 while 循环 语句 类 似 ,while 循环 语句 在 循环 开始 前 计算 条 件 
表达 式 的 值 ;而 do…while 循环 语句 在 一 次 执行 后 ,也 就 是 循环 体 底部 计算 条 件 表达 式 的 
值 ,可 以 保证 循环 体 至 少 被 执行 一 次 。 它 的 语法 规则 如 下 : 
dolt 
语句 集 
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} while( 条 件 表达 式 ); 


6.3.2 函数 


在 JavaScript 中 可 以 使 用 函数 ,函数 是 封装 在 程序 中 可 以 多 次 使 用 的 模块 。 函 数 必 
须 先 定义 ,后 使 用 。 由 于 浏览 器 先 执 行 HTML 文档 中 的 过 head 过 模块 ,所 以 JavaScript 
中 使 用 函数 时 , 常 把 自 定义 函数 放 在 二 head 二 模块 中 ,然后 在 HTML 文档 的 主体 
二 body 二 模块 中 调用 函数 。 
函数 定义 的 规则 如 下 : 
function 函数 名 戎 数列 表 ){ 
函数 体 


(1) function: 是 JavaScript 的 关键 字 ,用 来 定义 函数 名 。 

(2) 函数 名 : 函数 名 跟 在 关键 字 function 后 面 , 它 可 以 是 任何 合法 的 标识 符 , 在 同一 
个 页 面 ,函数 名 必须 唯一 。 

(3) 参数 列表 : 函数 的 参数 列表 ,多 个 参数 用 逗号 分 开 。 

(4) 函数 体 ; 该 函数 执行 的 运算 。 


6.3.3 JavaScript 基本 语法 应 用 案例 


例 6.4 说 明 JavaScript 基本 语法 的 应 用 方法 ,包括 程序 结构 和 函数 。ex6-04. html 
代码 清单 如 下 : 


<html> 
<head> < title> Javascript 基本 语法 应 用 案例 < /title> 
< script language= "JavaScript"> // 脚 本 语言 是 Javascript 
function MyArray (n) { // 定 义 函 数 Myarray 
this.length=n 
for(i in 4) 
this[i]=0 
} 
MyArray= new Array (4) 
MyArray[1]= "Web" 
MyArray[2]= "技术 " 
MyArray[3]= "应 用 " 
MyArray[4]= "基础 上 
document .open () 
for (var mr 1;n< MyArray.length;n+ + ){ 
Gocument .write MyArray [In]); 
} 
Gocument.close() 
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< /script> < /head> 
< body> < /body> < /html> 


ex6-04. html 代码 在 浏览 器 中 的 显示 结果 如 图 6-3 所 示 。 


个 JavaScript 基 本 语法 应 用 .| = 


© |@ ex pooex6-04ntm -|4[X [8 


| 文 fF) 纺 (E) 查看 (V) 收藏 夫 (A) 工具 ID > 


语 收 基 天 | 傅 JavaScript 基 本 语法 应 用 紊 例 | | 


Web 技 术 应 用 基础 ! 


图 6-3 JavaScript 基本 语法 应 用 案例 


6.4 _ JavaScript 对 和 象 


Java 是 面向 对 象 的 ,而 JavaScript 是 基于 对 象 的 ,所 以 JavaScript 没有 提供 抽象 、 继 
承 和 重 载 等 面向 对 象 语言 的 功能 。 在 JavaScript 中 ,对 象 是 客观 事物 的 描述 , 它 有 内 建 对 
象 和 用 户 自 定义 对 象 两 大 类 。 


6.4.1 JavaScript 对 象 概 述 


JavaScript 对 象 是 对 具有 相同 特性 的 实体 的 抽象 描述 ,对 象 实例 是 具有 这 些 特 征 的 
单个 实体 。 对 象 包含 属性 (properties) 和 方法 (methods) 两 种 成 分 。 属 性 是 对 象 静态 特性 
的 描述 ,是 对 象 的 数据 ,以 变量 表征 ;方法 是 对 象 动态 特性 的 描述 ,也 可 以 是 对 数据 的 操 
作 , 用 函数 描述 。 

对 象 必须 存在 ,才能 够 被 引用 ,有 以 下 3 种 方法 引用 对 象 : 

(1) 引用 JavaScript 内 建 对 象 。 

(2) 引用 浏览 器 环境 提供 的 对 象 。 

(3) 创建 自 定义 对 象 。 


6.4.2 自 定 义 对 象 


JavaScript 可 以 根据 需要 创建 自 定义 对 象 。 创建 方 法 是 : 先 定义 一 个 对 象 ,然后 创建 
该 对 象 的 实例 。 

1. 定义 对 象 

在 JavaScript 中 应 用 function 关键 字 创建 用 户 自 定义 对 象 。 

语法 : 

function 对 象 名 称 属性 列表 ){ 
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this. 属 性 二 参 数 1 
this. 属 性 = 参数 2 


this. 方 法 二 函数 名 1 
this. 方 法 并 函数 名 2 


$ 


2. 创建 对 象 实例 
对 象 定义 后 应 用 关键 字 new 创建 对 象 实例 。 
语法 : 


对 象 实例 名 =new 对 象 名 称 (属性 值 列表 ) 
3. 应 用 举例 


以 学 生 对 象 为 例 , 先 定义 学 生 对 象 student, 然 后 创建 学 生 对 象 的 实例 MyStudent 和 
YourStudent 。 


function student (id,namevurl){ 
this.id id 
this.name= name 
this.url=url 
this.display= student display 
} 
MyStudent= new student ("000001", "林琳 ","http://www.buu.edu.cn") 
YourStudent= new student ("000002"," 字 四 ", "http://www.qh.edu.an") 


本 例 先 定义 了 学 生 对 象 student, 具 有 属性 : id、name 和 url; 然 后 创建 了 2 个 student 
对 象 的 实例 MyStudent 和 YourStudent。 对 象 实例 是 具体 的 学 生 , 有 其 属性 值 , 如 
MyStudent 实例 的 学 生 号 是 000001, 姓 名 是 林琳 等 ,如 图 6-4 所 示 。 


定义 学 生 对 象 


student(id,name,url) 


对 象 实例 ， 具 体 学 生 
MyStudent ww [| YourStudent 


id:000001 “0 id:000002 
name: 林琳 SgtR name: 李 四 
url:http://www.buu.edu.cn url:http://www.qh.edu.cn 


图 6-4 对 象 的 定义 与 创建 


6.4.3 对 象 属性 和 方法 的 引用 
对 象 实例 创建 后 ,可 以 通过 该 实例 引用 对 象 的 属性 和 方法 。 
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1. 对 象 属性 的 引用 
对 象 属性 的 引用 可 以 有 两 种 方式 。 
(1) 使 用 (. ) 运 算 符 


语法 : 
对 象 实例 名 .属性 成 员 名 
例如 


Mystudent.name= "林琳 "。 

(2) 通过 对 象 实例 的 下 标 引 用 
语法 : 

对 象 实例 名 m] 

例如 : 


MyStudent [0]= "000001" 
MyStugent [1]= "林琳 " 
MyStugent [2]= http://www.buu.edu.on 


沁 


MyStudent ["id"]= "000001" 
Mystugent [mame"]= "林琳 " 
MyStudent [rurl]= httpb://www.buu.edu.cn 


2. 对 象 方法 的 引用 

使 用 (. ) 运 算 符 引用 对 象 方法 。 
语法 : 

对 象 实例 名 .方法 名 称 0) 

例如 : 


MyStudent .display() 


6.4.4 对 象 的 操作 


在 JavaScript 中 提供 了 操作 对 象 的 语句 .关键 字 和 运算 符 。 

1. for…in 语句 

for…in 是 操作 对 象 的 语句 ,也 称 遍 历 循环 .遍历 循环 是 指 历经 一 个 集合 体 中 的 每 个 
个 体 。JavaScript 中 的 遍历 是 指 逐 一 通过 一 个 对 象 的 所 有 属性 , 它 的 计数 值 是 对 象 中 所 
有 属性 个 数 之 和 ,可 以 用 来 计算 对 象 中 的 元 素 总 和 。for…in 语句 的 语法 规则 如 下 : 
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for( 变 量 名 ip 对 象 实例 名 ){ 
语句 段 
} 


2. with 语句 

如 果 在 程序 中 需要 连续 使 用 某 个 对 象 的 一 些 属性 和 方法 ,可 以 使 用 with 语句 ,省 去 
重复 书写 对 象 名 的 麻烦 。 

语法 如 下 : 

with 对 象 实例 名 ){ 

语句 段 

} 

在 with 语句 的 作用 范围 内 ,如 果 没 有 指定 对 象 , 则 使 用 "with( 对 象 实例 名 )? 括 号 内 
的 默认 对 象 。 

例如 


with MyStudent){ 
id= "000001" /默认 对 象 为 Mystudent,id 相 当 于 Mystudent .ia 
name= "林琳 " 
url=http://ww.buu.edu.an 

} 


3. this 关键 字 
this 关键 字 是 对 当前 对 象 的 引用 ,与 其 他 面向 对 象 的 语言 ,如 C++ 是 一 样 的 。 


6.4.5 事件 驱动 与 事件 处 理 


JavaScript 的 事件 处 理 与 日 常生 活 中 的 事件 处 理 机 制 是 类 似 的 。 在 日 常生 活 中 , 事 
件 是 有 事情 发 生 , 处 理发 生 的 事情 ,就 是 事件 处 理 。 例 如 某 处 起 火 ,发 生火 灾 事 件 , 调 消防 
车 去 灭火 ,就 是 对 火灾 事件 的 处 理 。 

JavaScript 也 是 类 似 的 。 它 是 基于 对 象 的 ,采用 事件 驱动 (event driven) 机 制 。 事件 
是 对 计算 机 进行 的 操作 ,例如 ,鼠标 移动 .鼠标 左 键 单 击 或 热 键 动作 等 都 是 事件 。 由 鼠标 
或 热 键 引 发 的 一 连 串 的 动作 称 为 事件 驱动 。 处 理事 件 的 程序 或 函数 称 为 事件 处 理 程 序 
(event handler)。 日 常生 活 中 和 JavaScript 的 事件 处 理 过 程 见 图 6-5。 


处 理 程序 客户 触发 

二 人 处 理 程序 | 、 | 窜 庆 名 
A i 
hs 响应 键盘 事件 

人 日 常生 活 中 的 事件 处 理 Javascript 中 的 事件 处 理 


图 6-5 事件 和 事件 处 理 
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JavaScript 常用 事件 见 表 6-7 。 


表 6-7 JavaScript 常用 事件 


事件 名 称 说 明 
onClick 鼠标 左 键 单 击 页 面 对 象 时 发 生 。 例 如 鼠标 左 键 单 击 按钮 等 
onChange 对 象 内 容 发 生 改变 时 发 生 。 例 如 文本 框 内 容 改变 时 
onFocus 对 象 获得 焦点 (鼠标 ) 时 发 生 。 例 如 鼠标 单 击 文本 框 , 产 生 onFocus 事件 
onBlur 对 象 失去 焦点 (鼠标 ) 时 发 生 。 例 如 鼠标 单 击 其 他 控件 ,产生 onBlur 事件 
onload 网 页 载 人 浏览 器 时 发 生 ,发 生 对 象 为 HTML 的 二 body 二 标记 
onUnload 用 户 离开 当前 页 面 时 发 生 ,发 生 对 象 为 HTML 的 二 body> 标 记 
onMouseOver 鼠标 移 到 对 象 上 时 发 生 
onMouseOnut 鼠标 离开 对 象 上 时 发 生 
onMouseMove 鼠标 在 对 象 上 移动 时 发 生 
onMouseDown 鼠标 在 对 象 上 按 下 时 发 生 
onMouseUp 鼠标 在 对 象 上 释放 时 发 生 
onSubmit 提交 表单 时 发 生 。 例 如 用 户 单 击 “ 提 交 ” 按 钮 ,产生 onSubmit 事件 
onResize 改变 窗口 大 小 时 发 生 


例如 , 例 6.1 中 的 二 body onclick 王 "ChangeImage() "之 语句 ,用 鼠标 左 键 单 击 页 面 


Ml 


有 件 ,引发 "ChangeImage() "事件 处 理 程序 ,使 图 像 互 换 位 置 。 


6.4.6 JavaScript 对 象 应 用 案例 


1. 对 象 的 定义 与 创建 
例 6.5 说 明 JavaScript 对 象 的 使 用 方法 。 本 例 先 定义 student 对 象 ,然后 创建 
MyStudent 对 象 实例 ,调用 display 方法 输出 MyStudent 实例 的 属性 值 。ex6-05. html 代 


码 清单 如 下 : 


<html> 


<head> < title> Javascrip 对象 应 用 < /title> 
< Script language= "JavaScript"> 
finction student (id,name,url) { 


this.id id 


this.name= name 


this.url=url 


this.display= student display 


} 


function student display(){ 


document.writeln ("id= "+ this["ig"]+ "<br> ") 


document.writeln (name= "+ this["name"]+ "<br> ") 


document.writeln (url= "+ this["rurl"]+ "<br> ") 


} 


MyStudent= new student ("000001", "林琳 ","http://www.buu.edu.an") 
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MysStudent.display() 


< /script> < /head> 
ogyp < /po < himl> KH RD SE WA)” 
< | 傅 Javascrip 对 象 应 用 
ex6-05. html 代码 在 浏览 器 中 的 显示 结果 如 图 6-6 所 示 。 站 
-林琳 
2. 用 户 输 入 信息 验证 Wl-http: /www buu edu en 区 


例 6.6 客户 界面 上 有 一 个 输入 卡号 文本 框 和 一 个 密码 图 6-6 JavaScrip 对 象 应 用 
框 ,要 求 输入 卡号 后 ,验证 用 户 输入 卡号 的 格式 是 否 正确 (要 
求 输入 以 10 起 头 的 6 位 数 ) 。 如 果 输 入 不 正确 , 则 提示 客户 重新 输入 ,卡号 输入 正确 后 才 
能 输入 密码 。 在 卡号 输入 文本 框 中 ,应 用 了 两 个 事件 onFocus 和 onBlur 事件 。 当 用 户 鼠 
标 单 击 文本 框 时 ,文本 框 获得 鼠标 焦点 ,触发 onFocus 事件 ,调用 input() 函 数 ,清空 文本 
框 ,然后 用 户 输入 卡号 。 当 鼠标 单 击 其 他 控件 时 ,例如 密码 框 , 文 本 框 失 去 焦点 ,触发 
onBlur 事件 ,调用 verify() 函数, 验证 卡号 输入 格式 是 否 正确 ; 若 不 正确 , 则 提示 客户 重新 
输入 。ex6-06. html 代码 清单 如 下 : 
<html><head> 
<title> 验 证 信用 卡号 < /title> 
<script language="JavaScript"> 
function input () { // 响 应 获得 鼠标 焦点 事件 ,清空 输入 卡号 文本 框 ,输入 卡号 
if (document .myForm.card.value==" 请 输入 10 开始 的 6 位 数字 10xxxx") 
document .myForm.card.value="" 
} 
function verify(){ // 响 应 失去 鼠标 焦点 事件 ,验证 卡号 输入 格式 是 否 正 确 
var cardNumber=document .myForm.card.value 
if(cardNumber.substr (0,2)!="10"||isNaN (cardNumber)){ 
alert ("输入 格式 错误 ,请 重新 输入 !") 


document .myForm.card.focus () 


} 


</script> 

</head> 

<body> 

<form name= "myForm" method="post" action=" "> 
请 输入 卡号 : <br> 


<input name="card" type="text" size=28 value=" 请 输入 10 开始 的 6 位 数字 10xxxx" 


获得 鼠标 焦点 ， 调 用 input0 函 数 


onFocus="input ()" onBlur="verify()"><p> 
请 输入 密码 : <br> 失去 鼠标 焦点 ， 调 用 verify() 函 数 


<input name= "pass" type="password" size=30> 


</body></html> 
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ex6-06. html 在 浏览 器 中 的 显示 结果 如 图 6-7 所 示 。 


单 击 文本 框 ， 获 得 焦点 ， 单 击 密码 控件 ,失去 焦点 ， 格式 正确 
调用 input0) 函 数 ， 清 空 文本 框 调用 verify0 函 数 , 提示 格 
式 错误 ,重新 输入 
a Be 


A Nt 和 


108888 


请 输入 密码 ; I 


图 6-7 验证 卡号 


6.5 window 对 象 在 JavaScript 中 的 应 用 


6.5.1 window 对 象 的 构成 


对 象 有 用 户 创建 的 对 象 , 也 有 系统 提供 的 内 置 对 象 。window 对 象 是 浏览 器 提供 的 
内 置 对 象 。 它 的 下 层 对 象 有 location 、history 和 document 等 ,其 中 最 主要 对 象 是 
document 对 象 。window 对 象 的 主要 结构 见 图 6-8。 


window 
I 
navigator location document history event 
[ I I I I ] 
ink body anchor | form image Selection applets 
I 
| | 
reset submit button checkbox text radio | | option password Select 


图 6-8 ”window 对 象 的 结构 


window 对 象 中 主要 几 类 对 象 的 说 明 如 下 : 

(1) window 对 象 : 是 内 置 对 象 中 最 顶层 的 对 象 , 每 个 window 对 象 是 一 个 浏览 器 窗口 。 

(2) document 对 象 : 是 window 对 象 下 层 中 最 主要 的 对 象 , 即 HTML 文档 对 象 模型 
(Document Object Model, DOM)。 万 维 网 联盟 (World Wide Web Consortium, W3C ) 为 
文档 对 象 模型 定义 了 一 套 标准 方法 ,用 来 访问 和 控制 HTML 文档 。HTML 文档 对 象 模 
型 是 一 种 树 状 结构 ,下 层 包含 二 link 二 form 这 ,二 body 记 等 对 象 。 在 form 下 又 包含 表 
单 控件 对 象 ,如 text、radio、button 等 。 由 于 DOM 采用 分 层 结构 和 定义 的 标准 方法 , 故 使 
用 JavaScript 和 文档 对 象 模型 可 以 控制 页 面 的 每 一 个 元 素 。 


第 6 章 Jowsoipt 一 一 一 一 一 一 一 一 133 


(3) location 对 象 : 包含 当前 网 页 的 URL, 可 用 以 设置 当前 网 页 的 地 址 。 

(4) history 对 象 : 包含 以 前 访问 过 网 页 的 URL, 用 以 实现 网 页 的 前 进 或 后 退 。 

(5) form 对 象 : 是 document 对 象 下 层 的 常用 对 象 ,为 处 理 表 单 界 面 提供 属性 和 
方法 。 


6.5.2 window 对 象 的 定位 


为 了 控制 页 面 元 素 , 需 要 为 window 对 象 定位 ,定位 过 程 与 打开 网 页 浏览 过 程 类 似 。 
如 上 例 6.6 用 户 输入 信息 验证 页 面 , 见 图 6-9, 定 位 过 程 window-document 一 form->~ 


text。 


(1) 浏览 器 窗口 ， 顶 


s 信用 卡号 - Wind- 
层 Window 对 象 OO |@ epoeex6-oenm -| [x|[E 
文件 (F) 编辑 (5) 查看 V) 收藏 天 (A) 工具 () ” 
(2) 页 面 文档 内 容 ， 中 G3) 文档 内 的 表单 ， 
document 对 象 请 输入 卡号 : 名 为 myForm 
请 输入 10 开 始 的 6 位 数字 10xxxx (4) 表单 文本 
司 | 框 ， 名 为 card 
请 输入 密码 : 
和 (4) 表单 密码 
= = 框 ， 名 为 pass 


图 6-9 window 对 象 定位 


(1) 打开 页 面 , 即 打开 浏览 器 窗口 ,是 顶层 的 window 对 象 。 

(2) 见 到 页 面 文 档 内 容 , 就 是 document 对 象 。 

(3) 页 面包 含 表 单 form, 是 document 下 层 的 form 对 象 , 例 6. 6 中 表单 名 为 
myForm 。 

(4) 表单 下 有 两 个 控件 ,是 form 对 象 下 层 的 文本 框 对 象 text 和 密码 框 对 象 
password。 输 入 卡号 文本 框 名 为 card, 密 码 框 名 为 pass。 

因此 ,从 上 至 下 ,定位 输入 卡号 文本 框 对 象 : 


顶层 window 对 象 | | 第 2 层 document 对 象 | | 第 3 层 form 对 象 第 4 层 text 对 象 
| 2 


window. document. myForm. card 


密码 框 定位 : window. document. myForm. pass。 因 为 window 对 象 是 根 对 象 ,所 以 
可 以 省 略 , 常 写 为 : document. myForm. card 和 document. myForm. pass。 


6.5.3 window 对 象 的 属性 
window 对 象 的 主要 属性 有 : name、parent、self、top、status 和 defaultStatus 等 , 它 的 
主要 方法 有 : alert() .confirm() close() .prompt() setTimeout() 和 clearTimeout() 等 。 


表 6-8 列举 了 window 对 象 的 主要 属性 及 其 使 用 说 明 。 


134 一 一 一 一 一 一 一 一 一 web 技 术 应 用 基础 (第 3 版 ) 


表 6-8 ”window 对 象 的 主要 属性 及 其 使 用 说 明 


属性 名 称 说 明 范 例 
name 当前 窗口 的 名 字 window. name 
Parent 当前 窗口 的 父 窗口 parent. name 

self 当前 打开 的 窗口 self. status 一 "你 好 " 
top 窗口 集合 中 的 最 顶层 窗口 top. name 

Status 设置 当前 打开 窗口 状态 栏 的 显示 数据 self. status 一 "欢迎 " 


defaultStatus 


当前 窗口 状态 栏 的 显示 数据 


self. defaultStatus 王 "欢迎 " 


6.5.4 window 对 象 的 方法 


1. window 对 象 的 主要 方法 
表 6-9 列举 了 window 对 象 的 主要 方法 及 其 应 用 说 明 。 
表 6-9 window 对 象 方法 及 其 使 用 说 明 


方法 名 称 说 明 范 例 

alert() ede window. alert(" 输 入 错误 1") 
创建 一 个 确认 对 话 框 ,具有 提示 信 

confirm() 息 “ 确 定 ”" 和 “取消 ”按钮 。 单 击 “ 确 | window. confirm(" 是 否 继续 ?") 
定 ” 按 钮 返回 值 true, 否 则 返回 false 

close() 关闭 当前 打开 的 浏览 器 窗口 window. close() 

open() 打开 一 个 新 的 浏览 器 窗口 window. open(URL," 新 窗口 名 " ,新 窗口 设置 ) 
创建 一 个 提示 对 话 框 ,具有 提示 信 

prompt() 息 “ 确 定 ”“ 取 消 ” 按 钮 和 要 求 输入 | window. prompt(" 请 输入 电话 号 码 ") 


字符 串 的 字段 


setTimeout() 


设置 一 个 时 间 控 制 器 ,经 过 指定 时 
间 段 后 执行 某 程序 


window. setTimeout ( ”clearTimeOut ( ) "， 


3000)//3000 毫秒 后 执行 clearTimeOut() 程 序 


clearTimeout() 


清除 原来 时 间 控 制 器 内 的 时 间 设 置 


2. JavaScript 的 接口 元 素 
window 对 象 方法 中 的 alert()、prompt() 和 confirm() 方 法 ,用 作 JavaScript 的 接口 
元 素 , 显 示 用 户 的 输入 ,并 完成 用 户 和 程序 的 对 话 过 程 。 


(1) alert( 提 示 信 息 ) 


出 的 内 容 。 


window. clearTimeout() 


: 显示 一 个 警告 框 ,其 中 “提示 信息 ”是 可 选项 ,是 在 警告 框 中 输 


(2) prompt( 提 示 信 息 , 默 认 值 ): 显示 一 个 提示 框 ,等 待 输入 文本 。 如 果 选 择 “ 确 认 ” 
按钮 ,返回 文本 框 中 的 内 容 ; 如 果 选 择 * 取 消 ?按钮 ,返回 一 个 空 字符 串 。 它 的 “提示 信息 ” 
和 ”默认 值 ? 都 是 可 选项 “默认 值 ? 是 文本 框 的 默认 值 。 

(3) comfirm( 提 示 信 息 ): 显示 一 个 确认 框 , 等 待 用 户 选 择 按钮 “提示 信息 ”也 是 可 
选项 ,是 在 提示 框 中 显示 的 内 容 , 用 户 可 以 根据 提示 选择 “确定 ”或 “取消 ”按钮 。 
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6.5.5 window 对 象 的 事件 


window 对 象 的 主要 事件 及 其 使 用 说 明 见 表 6-10。 
表 6-10 ”window 对象 的 事件 及 其 使 用 说 明 


事 件 应 用 说 明 事 件 应 用 说 明 
onLoad 网 页 载 和 人 浏览 器 时 发 生 OnResize 用 户 调 整 窗口 大 小 时 发 生 
onUnLoad 网 页 从 浏览 器 窗口 中 删除 时 发 生 OnScroll 用 户 滚动 窗口 时 发 生 
onBeforeUnLoad | 网 页 被 关闭 前 发 生 OnError 载 入 的 网 页 产生 错误 时 发 生 


6.5.6 ”window 对象 的 应 用 案例 


1. 状态 栏 内 容 的 更 新 

例 6.7 要 求 页 面 上 有 一 个 按钮 ,把 鼠标 移动 到 按钮 上 时 ,状态 栏 输出 “欢迎 学 习 
Web 技术 !”,2000ms 后 状态 栏 输出 “学 习 成 功 !1”。 

该 任务 使 用 了 window 对 象 的 status 属性 ,设置 当前 打开 窗口 状态 栏 的 显示 数据 
window 对 象 的 setTimeOut() 和 clearTimeOnut() 方 法 ,设置 一 个 时 间 控 制 器 ,控制 状态 栏 
内 容 的 显示 时 间 ;onMouseOver 事件 是 当 鼠 标 移动 到 按钮 上 时 发 生 的 事件 。 要 求 页 面 如 
图 6-10 所 示 。 


- pp 
作 window 对 象 属性 的 应 用 - Windows 加 


ed gy i 
合 windowxj 旬 届 性 的 记 用 “Windows Ti |[ 优 window 多 性 的 应 用 Windows int 
OO le cvoswebttimy | 本 9] rr 


文件 (F) 编辑 (查看 (V) 收藏 夹 A) 工 上 。 | | ,天 条 编辑 (E) 查看 (V) 收藏 严 (A) 工 有 
训 收藏 夹 。 优 window 对 象 属性 的 应 用 


文件 (F) 编辑 (E) 查看 (V) 收藏 夹 (A) 工 且 
遍 收藏 夹 | 侈 window 对 象 属性 的 应 用 


况 收藏 严 。 侈 window 对 象 属性 的 应 用 


| 鼠标 移 过 来 ， 看 状态 栏 ! [ 鼠标 移 过 来 ， 看 状态 栏 ! 


| ! 
CR 学习 Web 技 术 LS 学 习 成 功 ! 


打开 页 面 ， 状 态 栏 显 示 鼠标 移 到 按钮 上 ， 状 态 栏 更 新 过 2000ms， 状 态 栏 更 新 
图 6-10 ”状态 栏 属性 的 应 用 


完成 该 任务 的 页 面 代码 ex6-07. html 清单 如 下 : 


<html>< head> 
<title>wingow 对 象 属性 的 应 用 < /title> 
< script langnge= "JavaScript"> 
<!-- 
function clearstatus () { 
Window.status= "学 习 成 功 !w  // 更 新 状态 栏 数 据 
} 
function writeStatus (str){ // 鼠 标 事件 响应 程序 ,更 新 状态 栏 数据 
setTimeout ("clearstatus ()", 2000) 
// 时 间 控 制 器 ,2000ms 后 调用 changestatus() 函 数 


136 一 一 一 一 一 一 一 一 一 Web 技 术 应 用 基础 (第 3 版 ) 


Window.status= str // 更 新 状态 栏 数 据 


< /script> < /head> 

<body> 

< fom> 

< input type= "button" ”name= "ControlButton" value= "鼠标 移 过 来 ,看 状态 栏 !" 

onMouseOver= "writestatus ("欢迎 学 习 Web 技 术 !');retum true;"> 
// 触 发 展 标 事件 ,调用 writestatus (0) 函数 

< /fom> 

< /body> < /html> 

代码 说 明 : 

(1) 第 17 行 : onMouseOver 王 "writeStatus(' 欢 迎 学 习 Web 技术 1');return true;"， 
onMouseOver 是 当 鼠 标 移动 到 按钮 上 时 发 生 的 鼠标 事件 ,赋值 号 右边 是 对 鼠标 事件 的 响 
应 ,由 文件 头 中 的 writeStatus() 程 序 完 成 。 

(2) 第 5 至 第 11 行 是 用 JavaScript 编制 的 事件 响应 程序 。window. status 是 
window 对 象 的 status 属性 ,用 于 设置 状态 栏 的 输出 。setTimeOut() 和 clearTimeOut() 
是 window 对 象 的 方法 ,用 来 设置 和 清除 时 间 控 制 器 。 


2. 打开 一 个 新 窗口 

例 6.8 要求 页 面 上 有 一 个 按钮 ,把 鼠标 移动 到 按钮 上 时 ,打开 一 个 新 窗口 。 

本 实例 使 用 window 对 象 的 open 方法 ,打开 了 tomcat 的 欢迎 页 面 。 页 面 如 图 6-11 
所 示 。 


Home Documentation Configur| 


Apache Tomcat/7.0.39 
佑 | ex_D06\ex6-08htm| "| | Xl Bm “Wy 
文件 (F) 编辑 (E) 查看 (V) 收藏 严 (A) 工具 (D 帮助 (H) lf you're seeing this,| 
痪 收藏 严 ” 优 window 对 象 的 open( 方 法 夯 | 
window 对 象 的 open () 方 法 让 
请 把 鼠标 移 过 来 < Security Con 
Manager App| 
= Clustering/Se 
完成 国 曾 计 算 机 | 保护 局 式 : 禁用 而 -区 150% > 中 【人 memetl 和 PER 组 > 有 150% > | 


图 6-11 open 方 法 的 应 用 


完成 任务 的 页 面 代 码 ex6-08. html 清单 如 下 : 


<html>< head> 
<title> window 对 象 的 open (方法 < /title> 
< /head> 
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<body> 

< font size= 4> <b> 

<p>window 对 象 的 open (方法 < /p> 

< fomm < input type= "button" name= "ControlButton" value= "请 把 鼠标 移 过 来 " 
onMpuseOver= "window.cpen ("http://127.0.0.1:8080'，" 新 窗口 , 
"width= 450, height= 450') "> 

< /fom> 

< /b> < /font> 

< /body> < /html> 


代码 说 明 : 第 8 行 的 http://127.0.0.1:8080 和 指明 新 窗口 的 URL。 


3. 客户 端 输入 信息 验证 
例 6.9 在 客户 端 验 证 用 户 输入 数据 。 页 面 上 有 一 个 超级 链接 , 单 击 链接 时 ,弹出 
prompt 提示 框 提示 用 户 输入 姓名 ,然后 JavaScript 程序 验证 用 户 输入 。 如 果 输 入 正确 弹 
出 确认 框 confirm, 若 用 户 在 确认 框 选择 "确认 ”按钮 , 则 链接 到 相关 网 站 :如 果 输 入 错误 ， 
出 现 警 告 框 alert, 输 出 "对 不 起 ,输入 错误 ." ,程序 终止 。 通 过 本 案例 ,将 学 习 JavaScript 
接口 元 素 prompt、confirm 和 alert 的 使 用 ,如 图 6-12 所 示 。 
二 ™ 人 a prompt 提 示 框 
eo oe mmm 


输入 不 正确 出 
现 alert 警 告 框 


图 6-12 客户 端 输 入 信息 验证 
实现 上 述 任务 的 代码 ex6-09. html 清单 如 下 : 


<html> < head> 
<title> Javascript 接口 元 素 应 用 < /title> 
< script language= "JavaScript"> 
< 二- 
function MyLink MyName) { 
var Mystring=prorpt ("请 输入 姓名 : 四”// 提 示 框 中 输入 的 数据 赋 给 变量 Mystring 
if MyString= = MyName) // 验 证 输入 姓名 是 否 正确 
{ ”Var Mybool= confim (Mystring+ "你 好 链接 到 tomcat 页 面 ?") 
//( 输 入 正确 ,出现 确认 框 
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if (IMybool) 
window-event.returiValuer false // 用 户 选 择 不 链接 
} 
else 


{ alert ("对 不 起 ,用 户 名 错误 。") // 输 入 不 正确 ,出 现 警告 框 ,提示 输入 错误 
Window.event.returrValue= false 


<body> 

< center> <a href= "http://127.0.0.1:8080" onclick=MyLink ("林琳 ")> 
<h2 > 你 好 ! 欢 迎 光 临 tomcat!< /h2>< /a> 

< /center> 


< /body> < /html> 


6.6 ”document 对 象 在 JavaScript 中 的 应 用 


window 对 象 的 下 一 层 中 使 用 最 多 的 是 document 对 象 。 


6.6.1 document 对 象 的 属性 


使 用 document 对 象 的 属性 设置 Web 页 面 的 特性 ,例如 : 标题 .前 景色 .背景 色 和 超 
链接 颜色 等 。 它 主要 用 来 设置 当前 下 载 的 HTML 文件 中 的 基本 数据 和 字符 串 的 显示 效 
果 。 表 6-11 列举 了 document 对 象 的 主要 属性 和 它们 的 使 用 说 明 。 

表 6-11 document 对 象 属性 及 其 使 用 


属性 名 称 说 明 范 例 
alinkColor 设置 页 面 中 活动 超 链 接 的 颜色 document. alinkColor= "red" 
bgColor 设置 页 面 背 景 颜色 document. bgColor 一 "ff0000” 
fgColor 设置 页 面前 景 颜色 document. fgColor= "{{000F" 
linkColor 设置 页 面 中 未 曾 访 问 过 的 超级 链接 的 颜色 document. linkColor= "blue" 
vlinkColor 设置 页 面 中 曾经 访问 过 的 超级 链接 的 颜色 document. vlinkColor= "green" 
last Modified 最 后 一 次 修改 页 面 的 时 间 date= lastModified 

location 页 面 的 URL 地 址 url_info= document. location 
title 页 面 的 标题 tit_info= document. title 


6.6.2 document 对 象 的 方法 


表 6-12 列举 了 document 对 象 的 主要 方法 和 它们 的 使 用 说 明 。 
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表 6-12 document 对 象 方法 及 其 使 用 


方法 名 称 说 明 范例 
clear() 清除 文件 窗口 内 的 数据 document. clear() 
close() 关闭 文档 document. close() 
open() 打开 文档 document. open() 
write() 向 当前 文档 写 入 数据 document. write(" 你 好 1") 
writeln() 向 当前 文档 写 人 数据 ,并 换行 document. writeln(" 你 好 !1") 
二 doc . getEl Byld 
getElementByld(" 对 象 id") 获得 指定 id 对 象 的 元 素 
("advImage"). style. pixelTop 
多 a 获得 指定 对 象 名 的 一 组 同名 对 象 | document. getElementByName 
getElementByName(" 对 象 名 ") 元 素 ("MyCheckbox") 


6.6.3 document 对 象 的 事件 


表 6-13 列举 了 document 对 象 的 鼠标 事件 和 它们 的 使 用 说 明 。 
表 6-13 ”document 对 象 鼠 标 事件 及 其 使 用 


鼠标 事件 使 用 说 明 鼠标 事件 使 用 说 明 
onClick 单 击 鼠标 左 键 时 发 生 onMouseOver 鼠标 移 到 对 象 上 时 发 生 
ondblClick 双击 鼠标 左 键 时 发 生 onMouseUp 释放 鼠标 左 键 时 发 生 
onMouseDown 按 下 鼠标 左 键 时 发 生 onSelectStart 开始 选取 对 象 内 容 时 发 生 


onMouseMove 在 对 象 上 移动 鼠标 时 发 生 onDragStart 以 拖 忠 方式 选取 对 象 时 发 生 
onMouseOut 鼠标 离开 对 象 时 发 生 


表 6-14 列举 了 document 对 象 的 键盘 事件 和 它们 的 使 用 说 明 。 
表 6-14 document 对 象 按键 事件 及 其 使 用 
按键 事件 使 用 说 明 
onKeyDown “| 按 下 按键 时 发 生 


按 下 按键 时 发 生 onKeyDown 事件 ,然后 产生 onKeyPress 事件 ,如 果 按 住 按键 不 放 ， 
则 产生 一 系列 onKeyPress 事件 


onKeyUp 放 开 按键 时 发 生 
onHelp 按 下 系统 定义 的 帮助 键 时 发 生 


onKeyPress 


6.6.4 document 对 象 的 应 用 案例 


例 6.10 页 面 上 有 2 个 文本 框 ,在 第 1 个 文本 框 输入 内 容 后 , 单 击 第 2 个 文本 框 时 ， 
在 第 2 个 文本 框 内 显示 第 1 个 文本 框 的 内 容 。 实 现 上 述 任务 的 代码 ex6-10. html 清单 
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如 下 : 


象 供 


<htm> 
<head>< title> document 对 象 应 用 < /title> < /headq> 
<body> 
将 文字 输入 文本 框 1 
< fom> 
< jnput type= text onChange= "document.my.elements[0] .value= this.value; "> 
< 上 -输入 文本 框 元 素 [0]= 输 入 的 内 容 //--><br> 
< /fom> 
单 击 文本 框 2 显示 文本 框 1 的 内 容 = 


< fom name= "my"> 侈 | ex\ex_DO6\ex6-10.html 
input tx 文件 (F】 编辑 (日 查看 (V) 收藏 天 (A) ” 
“ es 窟 收藏 只 | 必 document 对 象 应 用 
nhange= "Gocument .form[0] . ~^ 


elements[0] .value= this.value;> 
<!-- 输 出 文本 框 元 素 [0]= 输 入 的 内 容 //--> 
</form 
< /body> < /html> 


ex6-10. html 在 浏览 器 中 的 运行 效果 见 图 6-13。 ”图 613 document 对 象 应 用 案例 


将 文字 输入 文本 框 1 
Reb 技术 应 用 芭 磺 
单 击 文本 框 2 显示 文本 框 1 内 容 


Wcb 技 术 应 用 基础 


6.7 JavaScript 内 置 对 象 


JavaScript 提供 了 String( 字 符 串 )、Math( 数 学 )、Array (数组) 和 Date( 日 期 ) 内 置 对 
用 户 使 用 。 


6.7.1 String 对 象 


String 对 象 是 一 个 动态 对 象 ,需要 创建 对 象 实例 后 , 方 可 引用 对 象 的 属性 和 方法 。 


1. 创建 String 对 象 
使 用 关键 字 var 或 new 创建 字符 串 对 象 。 
(1) 使 用 关键 字 var 创建 字符 串 对 象 。 语 法 格式 : 


避 字 符 申 变量 名 = 哼 符 申 " 


例如 : var strl 王 " Hello World!" ,创建 了 一 个 名 为 strl 的 String 对 象 。 
(2) 使 用 关键 字 new 创建 字符 串 对 象 。 语 法 格式 : 


var 字 符 串 变 量 名 = new string(" 字 符 串 ") 
例如 : var strl 二 二 new String("” Hello World!") ,创建 了 一 个 名 为 strl 的 String 


对 象 。 
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2. String 对 和 象 的 属性 
String 对 象 的 属性 只 有 一 个 : length, 用 来 统计 字符 串 中 字符 的 个 数 。 例 如 : 上 例 的 
strl. length 的 结果 值 是 12。 
3. String 对 象 的 方法 
String 对 象 的 主要 方法 见 表 6-15 。 
表 6-15 String 对 象 的 主要 方法 


方法 名 称 说 明 范例 
anchor( 链 接 名 ) 创建 HTML 中 的 anchor 标记 strl. anchor("d ") 
big() 增加 字符 串 显示 字体 的 大 小 strl. big() 
small() 减 小 字符 串 显示 字体 的 大 小 strl. small() 
italic() 以 斜体 字 显 示 字 符 串 strl. italic() 
boldO) 以 粗 体 字 显示 字符 串 strl. bold() 
blink() 字符 串 闪烁 显示 strl. blink() 
fixed() 以 固定 字 高 显示 字符 串 strl. fixed() 
fontsize( size) 设置 字体 大 小 strl. fontsize(5) 
toLowerCase() 将 字符 串 中 所 有 字符 转换 为 小 写 strl. toLowerCase() 
toUpperCase() 将 字符 串 中 所 有 字符 转换 为 大 写 strl. toUpperCase() 
1 人 os Je stl, indexOfC he "ay 
substring( start,end) 返回 start 与 end 位 置 之 间 的 子 串 strl. substring(4,8) 


6.7.2 Math 对 象 


Math 对 象 包括 常用 常数 和 运算 ,如 三 角 函 数 、 对 数 函 数 、 指 数 函 数 等 。Math 对 象 是 
一 个 静态 对 象 ,不 需要 创建 具体 实例 即 可 使 用 ,例如 ,var num 王 Math. sqrt(9)。Math 对 
象 主要 属性 见 表 6-16 。 


表 6-16 ”Math 对 象 主要 属性 


属性 名 称 说 明 范 例 

E 常数 下 Math. 下 一 2.718… 

LN10 10 的 自然 对 数 Math. LN10 王 2.302… 
LN2 2 的 自然 对 数 Math. LN2 一 0. 693… 
LOG2E 以 2 为 底下 的 对 数 Math. LOG2E 一 1.442… 
LOG10E 以 10 为 底 王 的 对 数 Math. LOG10E 一 0. 434… 
La 圆周 率 Math. PI 一 3. 141… 
SQRT1 2 0.5 的 平方 根 Math. SQRT1_ 2 一 0.707… 
SQRT2 2 的 平方 根 Math. SQRT2=1. 414… 
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Math 对 象 主要 方法 见 表 6-17 。 
表 6-17 Math 对象 主 要 方法 


方法 名 称 说 明 范 例 
sin(x) ,cos(x) 返回 x 的 正 \ 余 弦 值 ,返回 值 以 弧度 为 单位 Math. sin(1) 一 0. 841470… 
asin(x) ,acos(x) 返回 x 的 反正 弦 、 反 余弦 值 Math. asin(1) 一 1.570796… 
tan(x) ,atan( x) 返回 x 的 正切 、 反 正切 值 ,以 弧度 为 单位 Math. tan(1) 一 1.557407… 
sqrt(x) 返回 x 的 平方 根 Math. sqrt(9)=3 
pow(bv,ev) 以 bv 为 底 的 ev 次 方 Math. pow(2,3)=8 
abs(x) 返回 x 的 绝对 值 Math. abs(—6)=6 
random() 返回 0 一 1 的 随机 数 Math. random() 
min(x,y) 返回 x 和 y 中 较 小 的 数 Math. min(6,8) 王 6 
max(x,y) 返回 x 和 y 中 较 大 的 数 Math. max(6,8)=8 
round( x) 把 x 参数 合 人 到 最 接近 的 整数 Math. round(2. 667)=3 
ceil(x) 返回 大 于 或 等 于 x 的 最 接近 的 整数 Math. ceil(3. 889)=4 
floor(x) 返回 小 于 或 等 于 x 的 最 接近 的 整数 Math. floor(3. 889) =3 


6.7.3 Array 对象 


1. 定义 数组 对 象 实例 
使 用 关键 字 new 定义 数组 对 象 实例 。 语 法 : 


数组 对 象 实例 名 =new Array() 


例如 : 
var arrl=new Rrray() // 创 建 数组 对 象 实例 arrl, 数 组 长 度 不 定 
var arr2= new Rrray(8) // 创 建 数组 对 象 实例 arr2, 数 组 长 度 是 8 


如 果 在 创建 数组 对 象 实例 时 不 给 出 数组 的 元 素 个 数 , 则 数组 的 大 小 在 引用 数组 时 确 
定 。 数 组 的 下 标 从 0 开始 。 


2. Array 对 象 的 属性 与 方法 

Array 对 象 常 用 属性 是 : length ,表示 数组 的 长 度 , 等 于 数组 元 素 的 个 数 。 

常用 的 方法 如 下 。 

(1) join() :返回 数组 中 所 有 元 素 连接 而 成 的 字符 串 。 

(2) reverse(): 将 数组 元 素 逆转 排列 , 即 把 数组 的 第 1 个 元 素 换 成 最 后 一 个 元 素 , 第 
2 个 元 素 换 成 倒数 第 2 个 元 素 , 依 此 类 推 。 

(3) sort(): 对 数组 中 元 素 进 行 排序 。 


3. JavaScript 数组 对 象 的 特点 
(1) 数组 中 的 数组 元 素 的 数据 类 型 可 以 不 同 , 即 一 个 数组 的 不 同 元 素 可 赋予 不 同类 
型 的 值 。 例 如 : 
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arrl[0]=20 
arrl[]= "林琳 " 


arTrl [2]= false 


(2) 数组 元 素 可 以 是 数组 对 象 的 实例 。 
二 维 数组 。 例 如 : 


// 数 值 型 
// 字 符 串 型 
// 布 尔 型 


Var arr=new RArray(8) 


for(i=0;i< 8;i++) 


arr[i]= new Array (5) 


创建 了 一 个 8X5 的 二 维 数组 。 


(3) 数组 长 度 可 以 动态 变化 。 例 如 ,语句 “arr 二 new Array(8)” 定 义 arr 对 象 实例 的 


如 果 数 组 元 素 是 数组 对 象 的 实例 , 则 得 到 一 


长 度 为 8, 如 果 和 希望 它 的 长 度 增加 到 20, 只 要 通过 赋值 语句 “arrL19] 二 10” 就 可 以 了 。 


6.7.4 Date 对 象 


JavaScript 的 Date 对 象 主要 用 于 对 日 期 和 时 间 的 操作 。 它 没有 属性 ,但 是 有 多 种 方 


法 。 使 用 Date 对 象 定义 日 期 变量 的 语法 形式 如 下 : 


日 期 对 象 实例 名 = 


new Date () 


如 ,MyDate 王 new Date() 。 


畜 语 句 建立 了 一 个 日 期 对 象 的 实例 MyDate。 如 果 没 有 特别 指 


ody MyDate 变量 。 
表 6-18 列举 了 Date 对 象 的 主要 方法 和 它们 的 使 用 说 明 。 


表 6-18 Date 对 象 的 主要 方法 及 使 用 说 明 


定时 间 , 将 把 系统 的 


方法 名 称 说 明 范 例 
getYear() 返回 对 象 实例 年 号 .是 4 位 数 MyDate. getYear() 
getMonth() 返回 对 象 实例 月 份 数 ,其 值 为 0 一 11.0 代表 1 月 | MyDate. getMonth() 
getDate() 返回 对 象 实例 日 期 .其 值 为 1 一 31 MyDate. getDate() 
getDay() 返回 星期 ,其 值 为 0 一 6,0 表示 星期 日 MyDate. getDay() 


getHours() 


返回 小 时 数 , 其 值 为 0 一 23 


MyDate. getHours() 


getMinutes() 


返回 分 钟 数 , 其 值 为 0 一 59 


MyDate. get Minutes() 


getSeconds() 


返回 秒 数 ,其 值 为 0 一 59 


MyDate. getSeconds() 


getTime() 


返回 表示 时 间 的 整数 ,该 时 间 从 1970 年 1 月 1 日 
00:00:00 开始 以 毫秒 为 单位 进行 计算 


MyDate. getTime() 


setYear( timevalue) 


设置 年 份 ,timevalue 为 大 于 1900 的 整数 


MyDate. setYear(2008) 


setMonth( timevalue) 


设置 月 份 数 ,timevalue 的 值 为 0 一 11.0 代表 1 月 


MyDate. setMonth(7) 


setDate(timevalue) 
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设置 日 期 ,timevalue 的 值 为 1 一 31 
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MyDate. setDate(20) 


续 表 


方法 名 称 说 明 范 全 
setDay() 设置 星期 , 值 为 0 一 6.0 代表 星期 日 MyDate. setDay(5) 
setHours(timevalue) 设置 小 时 数 ,timevalue 的 值 为 0 一 23 MyDate. setHours(12) 
setMinutes(timevalue) | 设置 分 钟 数 ,timevalue 的 值 为 0 一 59 MyDate. setMinutes(30) 
setSeconds(timevalue) | 设置 秒 数 ,timevalue 的 值 为 0 一 59 MyDate. setSeconds(30) 

i 长 示 的 时 间 ,该 时 间 1970 年 1 
setTime() ee ee a 计算 年 1 汶 MyDate. setTime(3000) 


6.7.5 JavaScript 内 置 对 象 的 应 用 案例 


例 6.11 假设 页 面 有 三 个 按钮 ,按钮 上 显示 不 同 的 书 名 。 单 击 按钮 ,在 下 面 的 文本 
框 中 显示 该 书 的 信息 。 页 面 如 图 6-14 所 示 , 图 6-14(a) 是 打开 时 的 页 面 , 图 6-14(b) 是 用 
户 选择 “ 英 华 大 字典 "后 显示 的 图 书信 息 。 


cn rs Cn re 


全 ex\ex_Do6\ex6-11.html BS) ex\ex_D06\ex6-11.html 


单 击 按钮 查阅 详细 信息 | 


所 
XL/JSP 网 页 编程 教材 


英 华 大 字典 


书 名 :; 英 理 大字 由 


作 省 : 郑 遇 里 


出 版 社 ; 商务 印 书信 


(a) 打开 时 的 页 面 (b) 图 书信 息 
图 6-14 _ JavaScript 内 置 对 象 应 用 案例 


实现 以 上 任务 的 页 面 代 码 ex6-11. html 清单 如 下 : 


<html>< head> 
<title> Javascript 内 置 对 象 应 用 案例 < /title> 
< script language= "UavaScript"> 
= 
finction upBookInfo (titleInfo){ 
document .BookForm.BookTitle.value= titleInfo 
document .BookForm.BookAuth.value= this.Auth 
document .BookForm.BookPublisher.value= this.Publisher 
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finction Book (title, auth, publisher) { 
this.Title=title 


<body> 
< script language= "JavaScript"> 
Var Books= new Array () 
Books[0]=new Book ("算法 与 数据 结构 "," 严 蔚 敏 陈 文 博 "," 清 华 大 学 出 版 社 ") 
Books[1]=new Book("MVJSP 网 页 编程 教材 %" 吴 艾 " 吡 京 希 望 电子 出 版 社 几 
Books[2]= new Book(" 喘 华 大 字典 "," 叶 易 里 ", 喘 务 印 书馆 ") 
< /script> 
< font color= "blue" face= 吓 书 "size= > 单 击 按钮 查阅 详细 信息 
< fom name= "BookFomm"> 
<input type=button value=" 算法 与 数据 结构 " onclick= "Books[0] .UpInfo(' 算 法 与 数据 结构 ')" 
><P> 
< input type= button value= "XML/JSP 网 页 编程 教材 " 
onclick= "Books[1] .UpInfo('XML/JSP 网 页 编程 教材 ')"><p> 
<input type=button value="” 英 华 大 字典 " onclick= "Books[2].UpInfo(' 英 华 大 字典 ')"><p> 
书 名 :< input type= "text" name= "BookTitle"> <p> 
作 者 :< input type= "text" name= "Bookauth"> <p> 
出 版 社 :< input type= "text" name= "BookPublisher"> <p> 
< /font> < /fom> 
< /body> < /html> 


6.8 JavaScript 应 用 案例 


本 节 给 出 JavaScript 的 几 个 应 用 案例 。 


6.8.1 数字 钟 


例 6.12 制作 一 个 页 面 ,页 面 上 显示 “ 单 击 此 处 启动 数字 钟 ,统计 浏览 网 页 时 间 ”。 
当 单 击 文字 时 ,启动 数字 钟 ,用 以 显示 当前 时 刻 和 网 页 的 持续 时 间 , 页 面 如 图 6-15 所 示 。 

本 案例 将 使 用 JavaScript 对 象 及 其 内 置 的 日 期 对 象 Date。 

实现 以 上 任务 的 页 面 代码 ex6-12. html 清单 如 下 : 


<html>< head> 
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窒 收 诚 天 ” 册 - | 登 观 看 视频 Javascript.. x | 
网 页 下 载 的 时 间 是 : 2013 年 4 月 23 日 16 时 12 分 54 秒 站 


时 钟 : 16 时 25 分 59 秒 | 
页 面 持续 时 间 是 :0 时 13 分 5 秒 


图 6-15 启动 数字 钟 统计 网 页 持续 时 间 


<title> Javascript 内 置 对 象 Date() 应 用 案例 < /title> 
< script language= "JavaScript"> 


<!-- 
function Eclock (){ // 网 页 下 载 时 的 事件 处 理 程序 ,启动 数字 钟 ,并 统计 浏览 网 页 时 间 
var MyDate2= new Date () // 浏 览 器 将 系统 当前 时 间 赋 予 日 期 对 象 实例 Mypate2 


Var MyTime2= MyDate2.getTime () 

// 获 得 Mypate2 对 象 中 表示 时 间 的 整数 ,从 1970 年 1 月 1 日 午夜 开始 以 ms 为 单位 
var Timestring2= ' 时 钟 : '+ MyDate2.getHours()+ ' 时 "+ 

MyDate2.getMinutes ()+ ' 分 '+MyDate2.getseconds 0+ ' 秒 ' 
Var MyHours3= 0;MyMinutes3= 0 
Var MySeconds4= Math.round (MyTime2- MyTimel) /1000) 
// 内 置 Math 对 象 的 round() 方 法 ,四 舍 五 人 

MyHours3= Math.round ( (MySeconds4- 1800) /3600) 
MyMinutes3= Math.round ( ( MySeconds4- 30)%3600) /60) 
if MyMinutes3== 60) 

MyMinutes3= 0 
MySeconds4= Math.round MySeconds4%3600) 
Myseconds3= Math.round (MySeconds4%60) 
var Timestring3= ' 页 面 持续 时 间 是 : '+MyHours3+ ' 时 '+MyMinutes3+ ' 分 '+MySeconds3+ ' 秒 ， 
Clock.innerHTML= TimeString2+ '< P> '+ Timestring3 // 显 示 时 钟 和 浏览 网 页 时 间 
setTimeout ("Eclock()",1000) ”// 每 隔 1000ms 执行 一 次 Eclock() 函 数 , 更 新 时 间 


<body> 
<h2> < font color= "green" face= " 哄 体 少 
< script language= "JavaScript"> 

= 

Var MyDatel= new Date() 

Var MyHours]= MyDatel .getHours () 

Var MyMinutesl= MyDatel .getMinutes () 

Var MySecondsl= MyDatel .getSeconds () 
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Var MyTimel= MyDatel .getTime () 
window-document-write(" 网 页 下 载 的 时 间 是 : "， 
MyDatel.getYear(), "年 ',MyDatel.getMpnth()+1, "月 '， 
MyDatel .getDate (1), 'H ',MyDatel.getHours(),' 时 ', 
MyDatel .getMinutes ()，" 分 ',MyDatel.getseconds(), ' 秒 ') 
-一 > 
</script>< /font> < /h2> 
<div jd Clock style= "position:absoulte;left:150;top:150;font- family:" 楷 体 … 
font- size:30;color:#0000FE™ ONClick= "Eclock () "> 
单 击 此 处 启动 数字 钟 并 统计 网 页 持续 时 间 < /div> 
< /body> < /html> 


代码 说 明 如 下 : 
(1) 文件 体 王 body 之 中 第 5 行 ， 


Var MyDatel= new Date () 

Date 是 JavaScript 内 置 的 日 期 对 象 , 主 要 用 于 对 系统 的 日 期 和 时 间 进 行 操 作 。 使 用 
关键 字 new 创建 了 名 为 MyDatel 的 实例 对 象 ,浏览 器 把 本 地 客户 端的 时 间 赋 予 变量 
MyDatel 。 

(2) 文件 体 王 body 之 中 第 6 行 

MyHoursl= MyDatel .getHours () 

getHours() 是 Date 对 象 的 方法 ,返回 对 象 中 的 小 时 数 。 该 行将 MyDatel 对 象 中 的 
小 时 数 赋 给 变量 MyHours1l 。 

(3) 文件 体 二 body 二 中 第 9 行 

Var MyTimel= MyDatel .getTime () 

getTime() 是 Date 对 象 的 方法 ,返回 对 象 中 表示 时 间 的 整数 。 该 时 间 从 1970 年 1 月 
1 日 午夜 开始 以 ms 为 单位 进行 计算 。 

(4) 文件 体 二 body 二 中 第 16 一 18 行 

< div id= Clock style= "position:absoulte;left:150;top:150;font- family: "楷体 ' 

font- size:30;color:#0000FF™ ONClick= "Eclock()> 

单 击 此 处 启动 数字 钟 并 统计 网 页 持续 时 间 < /div> 

在 网 页 上 设 定 了 一 个 id 是 Clock 的 div 块 , 该 块 将 由 文件 头 中 用 JavaScript 语言 书 
写 的 Eclock() 函 数 中 的 语句 引用 (代码 中 的 第 19 行 )。 

Clock.innerHIMI= TimeSstring2+ '< P> '+Timestring3 

Clock. innerHTML 表示 id 是 Clock 块 中 的 内 容 , 更 新 为 赋值 号 右边 的 值 。 也 就 是 
说 ,在 网 页 上 启动 数字 钟 后 ,“ 单 击 此 处 启动 数字 钟 并 统计 网 页 持续 时 间 ” 这 行文 字 将 由 
TimeString2 和 TimeString3 串 中 的 内 容 替 换 。 
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6. 8.2 状态 栏 文字 深 动 显示 


例 6.13 当 单 击 页 面 时 ,状态 栏 的 文字 滚动 显示 。 

该 案例 将 应 用 window 对 象 的 status 属性 ,设置 状态 栏 的 显示 内 容 。 使 用 JavaScript 
编制 onClick 事件 响应 程序 ,使 状态 栏 滚动 显示 。 

完成 如 上 任务 的 页 面 代 码 ex6-12. html 清单 如 下 : 


< html> < head> 
<title> 状 态 栏 文字 滚动 显示 < /title> 
< script language= "UavaScript"> 
CS 
Var ScrText= "欢迎 学 习 "Web 技 术 应 用 基础 "! " 
Var LenText= ScrText .length 
var Width= 80 
Var Pos= 1- Width 
function Scroll () { 
Pos+ 十 
Var Scroller= "" 
if (Pos== LenText) { 
Pos= 1- Width 
} 
if(Pos< 0){ 
for(var i=1;i<=Math.abs (Pos);i++) 
Scroller= Scroller+ "" 
Scroller= Scroller+ ScrText.substring(0,Width- i+ 1) 
} 
else Scroller= Scroller+ ScrText .substring (Pos,Width+ Pos) 
window.status= Scroller 
setTimeout ("Scroll ()",16) 


< body onclick= "Scroll ()"> 

< div id= Stascroller 

style= "position:absoulte;left:150;top:150;font- size:20;color:#0000FE" > 单 击 页 面 注意 状态 栏 的 变 
化 </div> 

< /body> < [htm> 


读者 可 以 执行 上 述 程序 ,观察 执行 效果 。 
6.8.2 随机 改变 页 面 背 景色 


例 6.14 随机 产生 页 面 的 背景 色 。 
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完成 如 上 要 求 的 代码 ex6-14. html 清单 如 下 : 


<htm> 
<head><title> 背 景色 随机 改变 < /title> 
< /head> 
<body> 
< script language= JavaScript> 
Var mrybool= false 
color bar= new Array (3) 
for(var i= 0;i< color bar.length;i+ + ){ 
while (mybool== false) { 
Var start_ nme Math.round (Math.random() * 1000)) 
if(start num> 255) { 
mybool= false 
continue 
} 
color bar[i]= start nm 
mybool= true 
} 
mrybool= false 
} 
Var a color bar[0] .tostring (16) 
if(a.length< 2){ 
a ("0"+a) 
} 
Var b= color bar[1] .tostring (16) 
if (b.length< 2){ 
b= ("0"+b) 
} 
Var C= color bar[2] .tostring (16) 
if(c.length< 2) { 


("0c) 


} 
Var mkcolor= ("+ "#"+atbt c+ '™') 


document .bgColor= mkcolor 
gocument .write ("< font face= ' 隶 书 ' color= 'white' size= 6@> 背 景色 是 : "+mkcolor+t "< /font> ") 


< /script> 
< /body> < /html> 


ex6-14. html 在 浏览 器 中 的 显示 效果 如 图 6-16 所 示 。 


6.8.4 鼠标 跟随 
例 6.15 当 鼠 标 在 页 面 上 移动 时 ,有 一 幅 图 像 或 一 行文 字 随 鼠标 移动 。 
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完成 如 上 要 求 的 代码 ex6-15. html 清单 如 下 : 


<html> 
<head><title> 鼠标 跟随 < /title> 
< script language= JavaScript> 
委 星 = 
Var x,y 
Var CanBool= 0 
function canMove(){ 
X= document .body.scrollleft+ event.clientX 
Y= dpcument.body.scrollTop+ event.clientY 
CanBool=1 
} 
function move(){ 
if (CanBool) { 
ball.style.posLeft= x+ 20 
ball.style.posTop=y 
} 
setTimeout ('move () ', 100) 
} 
--> 
< /script> 
< /head> 
< body onloadF "move ()" orMopuseMpve= "canMove () "> 


< font face= 唆 书 " size=5 color=blue> 鼠标 移动 图 像 跟 随 效果 < /font> 
<div idF "ball" style= "position:absolute; left:250px;tiop:118px;2- index:"6"> 


< img src= "bal1.gif"> 
</div> 
< /body> < /html> 


ex6-15. html 在 浏览 器 中 的 显示 效果 如 图 6-17 所 示 。 


1 和 背景 色 是 :“#bdb083? 


6-16 背景 色 随 机 改变 


sme i Be wi an 1 


识 收藏 天 ”号 他 背景 从 鼠标 跟随 x 


鼠标 移动 图 像 跟随 效果 


Nek 


图 6-17 鼠标 跟随 
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6.9 JavaScript 在 网 上 书店 案例 中 的 应 用 


1. 设置 页 面 的 大 小 与 格式 
在 bookshop 文件 夹 的 index. jsp 文件 中 ,与 页 面 设置 相关 的 代码 段 如 下 : 


< script language= Javascript> 
<!--Begin 
finction setVariables() { 
imgwidth= 50; 
imgheight= 50; 
if (navigator.appName== "Netscape") { 
horz=".left"; 
Vert= ".top"; 
Gocstyle= "document."7 
StyleDoc= ""7 
inneF "window.innerWidth"; 
innerHF "window. innerHeight"; 
offsetX= "window.pageXoffset"; 
offsetY= "window.pageYoffset"; 


else { 
horz=".pixelIleft"; 
Vert= ".pixelTop"; 
docstyle= "™"; 
styleDoc= ".style"7 
innerW= "document .body.clientWidth"; 
innerHF "document .body.clientHeight"; 
offsetX= "document .body.scrollleft"; 
offsetY= "document .body.scrollTop"; 


} 
function checkLocation () { 
cbjectXY= "branding"; 
Var availablex= eval (innerW) ; 
Var availableY= eval (innerH); 
Var CurrentX= eval (offsetX) 7 
Var current eval (offsetY) 7 
x availablex— (imgwidthr 60)+ currentX7 
天 availableY- (imgheight+ 40)+ currentY- 300; 
evalMpve ()7 
setTimeout ("checkLocation()", 10); 
} 
fimction evalMove() { 
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eval (GocStyler objectXY+ styleDoc+r horz+ "= "+ x); 
eval (docstyler cbjectxY+ stylepocr vertr = "+ y); 
} 
// End- 一 > 
</script> 
< link href= "maincss.css" rel= "stylesheet" type= "text/css"> 
< body onload= "setVariables (); checkIocation();"™> 
<div aligr= "center"> 


2. 用 户 登 录 功 能 login. jsp 代码 
用 户 登 录 功 能 包括 客户 端 验证 与 服务 器 端 验证 ,与 服务 器 端 验证 的 相关 代码 ,将 在 后 
续 章 节 讲解 。login. jsp 程序 中 的 客户 端 验证 代码 段 如 下 : 


< script language= "javascript"> 
六 入 声 
finction CheckSubmit() 
{ 
if( document.loginfom.userid.value=="" ) 
{ alert ("请 输入 用 户 名 !"); doament.1loginfomm.userid.foous(); retum false; } 
if( document.loginform.password.value==" ) 
{ alert ("请 输入 密码 !"); dbament.loginforn.password.focus(); rebam false; } 
if (document.loginform.userid.value.indexof (™'") 二 -也 
{ alert ("用 户 名 不 能 包含 单 引 号 ,空格 等 字符 !"); 
goaument .loginform.userid. focus (); retum false; } 
retum true; 
} 
< /script> 
< link href= "maincss.css" rel= "stylesheet" type= "text/css"> 
< table width= "100%" borger= "0" oellpadding= "0" cellspacing= "0" bgoolor= "#f£6f6f6" class= "td"> 
< form name= "loginfomm" action= "index.jsp? op= login" method= "post" > 
Er 
<td colspar= "3"> < div align= meft"> 
< img src= "images/login r1.jpg" width= "158" height= "43"> < /div> < /td> 
< 
<tr> 
< td width= "8"> srbsp;< /td> 
<ta width= "25%"> 用 户 名 < /td> 
<td width= "5%"> 
< jnput name= "userid" type= "text" class= "formtext" size= "12"> < /td> 
</tr> 
<tr> 
<to> snbsp;< /td> 
<t 中 密码 < /to> 
<to> 
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< input name= "password" type= "password" class= "formtext" size= "12"> 
</td> 
</tr> 
«ly 
<td> snbsp;< /td> 
<td colspan= "2"> 
< input name= "loginbutton" type= "submit" value=" 登录 " onClick= "retum CheckSubmit ();"> 
新 用 户 <a href= "register.jsp 咏 注册 < /a>< /td> 
</tr> 


< /fom> 


< /table> 


小 结 


JavaScript 是 能 入 或 链接 到 HTML 文档 中 的 。JavaScript 是 基于 对 象 的 ,对 象 有 属 
性 和 方法 。 只 有 熟练 掌握 window 对 象 .document 对 象 和 JavaScript 内 置 对 象 的 属性 和 
方法 的 使 用 ,才能 编制 相应 的 应 用 程序 。window 对 象 是 打开 网 页 时 的 浏览 器 窗口 ， 
document 对 象 是 浏览 器 显示 的 HTML 文档 ,其 下 层 常用 对 象 之 一 是 表单 form, 其 结构 


为 window->document-~>form。 


习题 上 机 练习 与 实 训 6 


一 、 选 择 题 
“FC ) 是 非法 的 JavaScript 变量 名 。 


A. stuld B. numb C. finally D. MyDate6 


2. JavaScript 语句 : document. write((num1l 王 6)! 王 (num2 王 6)) ,在 浏览 器 窗口 显 


示 结 果 为 ( )。 
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A. true B. Undefined C. Null D. false 


3. 以 下 关于 JavaScript 语言 的 描述 ,正确 的 是 ( ) 。 


A. 不 区 分 大 小 写 

B. 一 定 要 用 分 号 作为 行 结束 标志 

C. 可 以 用 两 种 方法 进行 注释 ,“//…… ”和 /ee pf” 
D. 是 纯 面 向 对 象 的 


.Date 对 象 的 setTime() 函数 ( ) 的 时 间 。 


A. 设置 从 2000 年 1 月 1 日 00: 00: 00 开始, 以 s 为 单位 
B. 设置 从 2000 年 1 月 1 日 00: 00: 00 开始 ,以 ms 为 单位 
C. 设置 从 1970 年 1 月 1 日 00: 00: 00 开 始 , 以 ms 为 单位 
D. 设置 从 1970 年 1 月 1 日 12: 00: 00 开始 ,以 s 为 单位 
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5. Date 对 象 的 getDay() 函 数 返 回 ( ys 


A. 月 份 ,其 值 为 0 一 11 B. 日 期 ,其 值 为 1 一 31 

C. 星期 ,其 值 为 1 一 7 D. 星期 ,其 值 为 0~6 
6. 打开 网 页 时 的 浏览 器 窗口 是 ( ) 对 象 。 

A. window B. document C. form D. location 
7. onClick 事件 在 ( ) 发 生 。 

A. 鼠标 移 到 对 象 上 时 B. 网 页 载 入 浏览 器 时 

C. 鼠标 左 键 单 击 对 象 时 D. 用 户 释放 按键 时 


8. setTimeout("changeStatus()" ,1000) 函 数 执行 时 ,( js 
A. 调用 changeStatus() 函 数 1000 次 
B. 每 1000 毫秒 ,调用 changeStatus() 函 数 一 次 
C. 每 1000 秒 , 调 用 changeStatus() 函 数 一 次 
D. 每 1000 分 ,调用 changeStatus() 函 数 一 次 


二 、 简 答题 

1. 什么 是 脚本 语言 , 它 的 功能 是 什么 ? 

2. 客户 端 脚本 和 服务 器 端 脚本 各 自 的 功能 是 什么 ? 

3， 如 何 将 JavaScript 艇 入 HTML 页 面 ? 请 写 出 关键 语句 。 

4. 如 何 将 JavaScript 文件 链接 到 HTML 文档 ? 请 写 出 关键 语句 。 

5. window 对 象 的 组 成 结构 是 怎样 的 ? 

6. window 对 象 的 主要 属性 和 方法 是 什么 ?举例 说 明 它 们 的 应 用 方法 。 

7. window 下 层 最 主要 的 对 象 是 什么 ? 

8. document 对 象 的 主要 属性 .方法 和 事件 是 什么 ?各 举 出 三 个 例子 ,可 以 多 举 。 

9. document 对 象 的 按键 事件 在 什么 时 候 起 作用 ? 

10. JavaScript 中 的 函数 如 何 定义 ?如 何 调用 ? 

11. JavaScript 如 何 创 建 对 象 ? 如 何 访问 所 创建 对 象 的 方法 和 属性 ? 

12. JavaScript 主要 应 用 哪 几 个 接口 元 素 ” 如 何 使 用 ? 

13. 什么 是 事件 ? 什么 是 事件 处 理 程序 ? 

14. 如 何 引 用 表单 元 素 ? 如 果 页 面 上 有 一 个 表单 name 王 myForm, 表 单 上 有 一 个 按 
钮 name 王 myButton ,如 何 引 用 按钮 上 面 的 数据 ? 

15. 如 何 创建 字符 串 对 象 ? 举例 说 明 。 

16. 创建 一 个 二 维 数组 对 象 。 

17. 写 出 输出 系统 当前 月 份 的 语句 。 


三 、 上 机 练习 

1. 使 用 过 script 一 标记 把 一 小 段 脚 本 程序 做 入 或 调 入 HTML 页 面 , 并 在 浏览 器 中 显 
示 它 的 结果 。 

2. 使 用 JavaScript 制作 一 个 跑马 灯 。 

3. 使 用 JavaScript 编制 一 段 代码 完成 以 下 功能 : 
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(1) 要 求 输入 一 个 姓名 。 

(2) 用 确认 框 检查 输入 是 否 正 确 ( 是 否 为 合法 输入 字符 ,位 长 是 否 合理 等 ) 。 

(3) 根据 输入 给 出 相应 的 提示 。 

4. 页 面 上 有 一 幅 图 像 ,在 状态 栏 显 示 有 关 图 像 的 说 明 。 单 击 图 像 时 , 换 成 另 一 幅 图 
像 ,同时 状态 栏 的 内 容 也 做 相应 的 变更 。 

5. 制作 页 面 ,实现 鼠标 移动 时 ,一 行文 字 跟随 鼠标 移动 。 

6. 制作 一 个 页 面 ,页 面 上 有 2 个 文本 框 和 提交 按钮 。 在 文本 框 中 输入 信息 后 ,用 鼠 
标 单 击 提交 按钮 ,将 显示 文本 框 中 输入 的 内 容 。 

7. 在 客户 端 验证 用 户 输入 信息 。 如 果 输 入 正确 ,允许 链接 到 网 站 ;如 果 不 正 确 , 禁 止 
链接 。 要 求 用 户 界面 友好 。 

8. 制作 一 个 页 面 , 页 面 的 背景 色 可 以 随机 变化 。 

9. 制作 一 个 数字 钟 ,根据 网 页 下 载 持续 时 间 进 行 收费 。 

10. 制作 一 个 打 猫 游戏。 页面 上 有 几 个 猎物 在 飞 或 在 跑 , 用 鼠标 追赶 猎物 。 迫 上 后 
用 鼠标 单 击 猎物 ,弹出 信息 框 说 明 猫 物 被 击 中 ,同时 猎物 消失 。 

11. 为 某 单位 的 主页 制作 标题 ,使 标题 具有 动态 效果 。 

四 、 实 训 课 题 

1. 应 用 JavaScript 制作 一 个 计算 器 ,可 以 对 整数 和 小 数 进行 加 、 减 、 乘 , 除 运 算 。 计 
算 器 的 界面 如 图 6-18 所 示 。 


图 6-18 计算 器 的 界面 


2. 为 某 企 业 网 站 设计 并 制作 一 个 业务 查询 栏目 。 输 入 正确 的 用 户 名 及 口令 后 ,允许 
进行 查询 。 请 读者 完成 用 户 需求 分 析 ,确定 查询 的 项 目 ,设计 并 规划 栏目 的 界面 ,并 使 用 
JavaScript 脚本 语言 完成 控件 之 间 的 响应 任务 和 计算 任务 (如 果 存 在 计算 任务 的 话 )。 

3, 某 银行 网 站 希望 增加 一 个 栏目 ,在 界面 中 输入 本 金 ,存款 方式 和 存款 时 间 后 , 即 可 
显示 到 期 后 的 本 金 和 利息 之 和 共有 多 少 , 以 利于 客户 选择 存款 方式 。 完 成 该 栏目 的 设计 
与 制作 。 

4. 制作 一 个 扑克 牌 的 21 点 游戏 。 游 戏 开 始 后 随机 发 4 张 牌 ,通过 加 、 减 、 乘 、 除 使 答 
案 为 21。 设 计 该 游戏 并 完成 它 的 制作 。 
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JSP 技术 是 开发 应 用 系统 的 先进 工具 。 它 是 基于 Java Servlet 以 及 整个 Java 体系 的 
Web 开发 技术 。 应 用 JSP 技术 可 以 开发 动态 、 高 性 能 、 安 全 和 跨 平台 先进 的 Web 应 用 系 
统 。 通 过 第 3 篇 的 学 习 , 读 者 将 掌握 基于 JSP 的 数据 库 应 用 开发 技术 。 第 3 篇 主要 介绍 
以 下 内 容 : 

第 7 章 JSP 运行 机 制 与 基本 语法 。 

第 8 章 JSP 内 置 对 象 。 

第 9 章 基于 JSP 的 数据 库 应 用 开发 。 

第 10 章 ”Servlet 基础 。 

第 11 章 网 上 书店 的 实现 。 

第 3 篇 的 所 有 案例 在 “Windows 7 十 Tomcat 十 SQL Server 2005 企业 版 ”和 “Windows 
XP 十 Tomcat 十 SQL Server 个 人 版 ”环境 上 调试 通过 。 


章 JSP 运行 机 制 与 基本 语法 
第 


JSP 是 动态 网 页 技术 之 一 ,JSP 页 面具 有 实时 性 、 交 互 性 和 动态 功能 。 使 用 JSP 技术 
开发 的 Web 应 用 系统 具有 路 平台 特性 ,易于 推广 应 用 。JSP 页 面 是 基于 Java 的 。 一 个 典 
型 的 JSP 页 面 由 HTML 标记 、Java 程序 段 和 JSP 标记 组 成 。 本 章 主要 介绍 JSP 页 面 的 
创建 方法 .基本 结构 .运行 机 制 . 基 本 语法 现象 .指令 标记 、 动 作 标记 和 中 文 乱 码 现象 的 解 
决 等 内 容 。 

学 习 要 点 : 

(1) 掌握 JSP 页 面 的 基本 结构 和 创建 方法 。 

(2) 理解 JSP 页 面 的 运行 机 制 。 

(3) 熟练 掌握 JSP 中 变量 和 方法 的 声明 ,以 及 脚本 元 素 的 用 法 。 

(4) 理解 JSP 指令 标记 .动作 标记 和 自 定义 标记 的 基本 要 点 。 

(5) 熟练 掌握 三 个 主要 指令 标记 : page、include 和 taglib 标记 的 功能 和 使 用 方法 ,tag 
文件 的 制作 和 自 定义 标记 的 调用 。 

(6) 熟练 掌握 param ,include ,forward 和 plugin 动作 指令 的 功能 和 使 用 方法 。 

(7) 掌握 include 指令 和 include 动作 的 区 别 , 并 能 正确 使 用 。 

(8) 能 够 解决 JSP 中 文 乱码 的 问题 。 


7.1 JSP 技术 概述 


7.1.1 JSP 应 用 示例 


例 7.1 制作 简单 的 JSP 页面, 在 浏览 器 中 输出 3 行 由 小 变 大 的 文字 。 制 作 步 又 
如 下 。 


1. 在 记事 本 中 输入 JSP 源 代码 

打开 记事 本 ,输入 以 下 代码 。 文件 是 文本 格式 的 ,编辑 完成 后 ,以 “. jsp” 后 级 保 存在 
D:\tomcat7. 0\webapps\ex_D07 目录 下 。 由 于 JSP 是 基于 Java 的 ,所 以 文件 名 区 分 大 小 
写 。ex7-01. jsp 的 源 代码 如 下 : 


<!--ex7- 01.jsp--> 
< $@ page language= "java" jmport="Jjava.util. * , java. text. * " contentType= "text/html; harset= 
GEE"S> 
<htm> 
<head><title> 第 1 个 JSP 页 面 < /title> 
<%! 
String getDate () 
{ retum new java.util.Date () .tostring();} 
务 > 
< /head> 
< body> < center> 
< jsp:include page= "ex7- 01.html"/> < /center> < br> 
<div aligr= "center"> 
<%- -使 用 Java 语 言 的 for 循 环 语句 控制 输出 字体 的 大 小 --%> 


< 
for( int i=4; i>1; i--) // 和 输出 3 行文 字 

cut.println( "<h"+i+">Web 技 术 应 用 基础 < /hr+it ">"); 
%><hr> 


< font size= 4 color= red> 现 在 时 间 是 : < /font> 
<&%= getDpate ()%> 
<!-- 页 面 访问 时 间 : <%= (new java.util.Date()) .toLocaleString()%>--> 
</div> 
< /body> < /html> 
ex7-01. html 的 源 代码 如 下 : 


<htm><head>< title> 第 1 个 JSP 页 面 < /title>< /head> 
< body> < center> 

< font size= 4 color= red> 字 体 由 小 变 大 显示 < /font> < /center> 
< /body> < /html> 


2. 在 浏览 器 中 显示 结果 

使 用 发 布 方式 查看 结果 。 打 开 浏 览 器 ,在 浏览 器 地 址 栏目 中 输入 ex7-01. jsp 文件 的 
URL: http://127. 0. 0. 1:8080/ex_ D07/ex7-01. 
jsp。 该 段 代码 在 浏览 器 中 的 显示 如 图 7-1 所 示 。 


3. 经 服务 器 端 作用 后 在 客户 端 见 到 的 源 代码 | 宫 收 BR 全 第 1 八 SP 页 而 


_ 文 作 (F) 编辑 (日 查看 V) 收藏 堪 (A) 工具 (T) 帮助 (H) 


在 客户 端 浏览 器 菜单 中 选择 “查看 ”一 “ 源 文 字体 由 小 变 大 显示 

件 ”, 观 察 经 服务 器 端 作用 之 后 ,在 客户 端 显示 的 cb 技 术 应 用 基础 

代码 如 下 : Web 技 术 应 用 基础 
Web 技 术 应 用 基础 


<!--ex7-01.jsp-—> 
<htm> 现在 时 间 是 : Sat Apr 27 09:48:06 CST 2013 


个 jp 页 ; 
<head><title> 第 1 个 JSP 页 面 < /title> 图 7-1 字体 由 小 变 大 
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< /head> 
<body> < center> 
<!--ex7-0.hbml-——> 
<htm><head><title> 第 1 个 JSP 页 面 < /title> < /head> 
< body> < center> 
< font size= 4 color= red> 字 体 由 小 变 大 显示 < /font>< /center> 
< /body> < /html> < /center> < br> 
< div align= "center"> 


<h4> WEb 技 术 应 用 基础 < /h4> 
<h3>Web 技 术 应 用 基础 < /h3> 
<h2>Web 技 术 应 用 基础 < /h2> 

<hr> 

< font size=4 color= red> 现在 时 间 是 : < /font> 
Fri Jun 14 09:27:52 CST 2013 

< !-- 页 面 访问 时 间 : 2013- 6- 14 9:27:52- 一 > 
</div> 

< /body> < /html> 


这 段 代码 与 服务 器 端的 代码 有 许多 不 同 。 例 如 ,在 服务 器 端的 ex7-01. jsp 文档 中 的 
脚本 : 


<% 
for( int i=4; i>1; i--) 
out.println( <h"+i+">Web 技 术 应 用 基础 </h"+i+ >" ); 
$%> 


经 服务 器 端 编译 执行 后 ,在 客户 端 形成 标准 的 HTML 语句 : 


<h4>Web 技 术 应 用 基础 < /h4> 
<h3>Web 技 术 应 用 基础 < /h3> 
<h2>Web 技 术 应 用 基础 < /h2> 


客户 端的 用 户 见 不 到 服务 器 端 运 行 的 源 代码 ,只 能 看 到 运行 后 的 标准 HTML, 这 使 
得 源 代码 不 外 汇 , 有 助 于 开发 者 保护 自己 的 知识 产权 。 


7.1.2 JSP 页 面 的 基本 结构 


由 例 7. 1 可 以 看 出 ,JSP 文件 由 两 大 部 分 组 成 。 一 部 分 是 二 %…% 二 标记 以 外 的 部 
分 ; 男 一 部 分 是 在 二 %…% 二 标记 内 的 代码 ,标记 内 的 代码 即 为 JSP 代码 ,JSP 代码 由 
JSP 引擎 处 理 。 在 HTML 文件 中 租 入 Java 代码 片段 Cscriptlet) 和 JSP 标记 (tag) ,就 组 
成 了 JSP 页 面 (* .jsp)。Web 服务 器 遇 到 JSP 页 面 时 , 先 执行 嵌入 的 JSP 程序 段 , 然 后 
将 运行 结果 与 其 他 HTML 组 合 到 一 起 返回 给 客户 。 

JSP 页 面 主要 由 以 下 6 种 元 素 组 成 。 
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(1) HTML 标记 。 

(2) JSP 标记 ,有 指令 (Directive) 标 记 、 动 作 (Action) 标 记 和 自 定义 标记 。 指 令 在 标 
记 “ 二 %@” 和 “% 二 ”之 间 定 义 , 例 如 ,二 %@ page language 一 "java" 之。 动作 在 标记 
“过 jsp:” 和 “二 ”之 间 定 义 , 例 如 ,二 jsp:include page 一 "ex7-01. html" 二 。 

(3) java 代码 片段 (Scriptlet) ,在 标记 “二 %” 和 “% 过 ”之 间 定 义 。 

(4) 表达 式 (Expression) ,在 标记 “二 % 二 ”和 “% 放 ”之 间 定 义 , 例 如 ,二 % 二 getDate 
CO Ws 

(5) 声明 变量 方法 和 对 象 ,在 标记 “二 %!1” 和 “% 二 ”之 间 声 明 , 例 如 ,二 %!String 
getDate() %>。 

(6) 注释 有 三 种 ,HTML 注释 、JSP 注释 和 脚本 注释 。 


7.1.3 JSP 运行 机 制 


JSP 是 服务 器 端 技术 ,JSP 引擎 处 理 JSP 页 面 要 经 过 三 个 阶段 : 翻译 阶段 ,编译 阶段 
和 执行 阶段 。JSP 运行 机 制 如 图 7-2 所 示 。 


es @ 翻 译 ， 生 成 
请 求 JSP 页 面 java 源 文件 


Web 服 务 器 


第 二 次 请 求 
Web 服 务 器 


返回 结果 | | @JVM 执 行 | | @ 编 译 ， 生 @JVM 执 行 
class 文 件 成 class 文 件 class 文 件 


(a) 第 一 次 请 求 (b) 第 二 次 请 求 
图 7-2 JSP 运行 机 制 


JSP 程序 运行 过 程 如 下 。 

(1) 翻译 (translation) 阶 段 。 客 户 请 求 执行 服务 器 上 的 一 个 JSP 页 面 。 如 果 是 第 一 
次 请 求 或 是 修改 过 的 页 面 , 见 图 7-2(a) ,服务 器 上 的 JSP 引擎 解析 页 面 ,把 JSP 代码 转换 
成 Servlet 代码 , 即 java 源 文件 “x .java”。 打 开 Tomcat 的 工作 目录 : 


D:\Tamcat 7.0\work\Catalina\ localhost\ex DON\org\apahe\jsp 


在 该 目录 下 存放 JSP 引擎 产生 的 临时 文件 * .java 和 *.class。 可 以 看 到 例 7. 1 对 应 
的 ex7_002d01_jsp. java 文件 ,这 就 是 JSP 引擎 解析 ex7-01. jsp 时 得 到 的 java 源 程序 。 
读者 可 以 用 文本 编辑 器 打开 该 文件 查看 。 

(2) 编译 (compilation) 阶 段 。JSP 引擎 调用 服务 器 端的 Java 编译 器 ,把 java 文件 编译 生 
成 字 节 码 文 件 “x*. class”。 在 Tomcat 的 工作 目录 下 ,可 以 看 到 ex7_002d01_jsp. class 文 
件 。 字 节 码 文件 的 任务 是 : 

。 把 JSP 页 面 中 的 HTML 标记 , 送 到 客户 端 浏览 器 执行 显示 。 
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。 JSP 标记 、 数 据 和 方法 声明 .Java 代码 片段 在 服务 器 解释 执行 ,把 需要 显示 的 结果 
嵌入 HTML 页 面 送 客 户 端 浏览 器 显示 。 

。 由 服务 器 计算 Java 表达 式 ,把 计算 结果 转化 为 字符 串 , 送 交 客 户 端 浏览 器 显示 。 

当 多 个 客户 请 求 同 一 个 JSP 页 面 时 ,JSP 引擎 为 每 个 客户 启动 一 个 线程 ,这 些 线程 由 
Tomcat 服务 器 管理 。 

(3) 执行 阶段 。Java 虚拟 机 (JVM) 载 人 字 节 码 文 件 并 且 执 行 字 节 码 文件 ,把 结果 返 
回 给 发 出 请 求 的 客户 端 。 

翻译 阶段 和 编译 阶段 只 有 在 页 面 首次 执行 或 修改 了 JSP 页 面 时 才 发 生 ; 载 和 人 的 字 节 
码 文件 在 Java 虚拟 机 的 运行 期 间 内 均 有 效 可 行 。 当 客户 第 一 次 请 求 某 个 JSP 页 面 时 ,要 
经 过 所 有 3 个 阶段 ,需要 的 时 间 稍 长 。 但 页 面 再 次 被 请 求 时 ,编译 好 的 字 节 码 文 件 已 经 存 
在 ,不 需要 再 经 过 翻译 阶段 和 编译 阶段 ,只 需要 执行 字 节 码 文件 就 可 以 了 , 见 图 7-2(b)， 
所 以 同 其 他 技术 相 比 ,JSP 的 运行 速度 是 较 快 的 。 


7.1.4 JSP 的 特点 


JSP 的 主要 特点 如 下 。 


1. 把 页 面 表示 层 和 逻辑 层 分 开 

使 用 JSP 技术 可 以 把 界面 的 开发 与 程序 逻辑 的 开发 分 离开 。Web 开发 人 员 使 用 
HTML 标记 来 设计 界面 ,例如 ,字体 颜色 、 文 本 对 齐 方式 等 ;使 用 JSP、JavaBean 和 脚本 制 
作 动 态 内 容 。JSP 技术 使 得 开发 人 员 的 分 工 更 加 明确 ,页 面 设计 者 可 以 修改 内 容 显 示 方 
式 而 不 影响 逻辑 ,应 用 程序 的 开发 者 修改 逻辑 而 不 影响 内 容 显 示 方 式 。 


2. 生成 可 重用 的 组 件 

绝 大 多 数 JSP 页 面 依赖 于 可 重用 的 、 跨 平台 的 组 件 (JavaBeans 或 Enterprise 
JavaBean) 来 执行 复杂 处 理 。 开 发 人 员 可 以 共享 和 交换 组 件 ,或 把 这 些 组 件 提供 给 更 多 的 
用 户 使 用 。 基 于 组 件 的 开发 方法 有 效 地 提高 了 应 用 程序 的 开发 效率 ,加 速 了 项 目的 总 体 
开发 进程 。 

3. 应 用 标记 简化 页 面 的 开发 

使 用 JSP 标记 简化 页 面 开 发 。JSP 标记 可 以 访问 和 实例 化 JavaBeans 组 件 ,设置 或 
检索 组 件 的 属性 ,下 载 Applet, 以 及 执行 使 用 其 他 方法 难以 实现 的 功能 。 

JSP 标记 具有 可 扩充 性 ,允许 开发 者 扩展 JSP 标记 ,开发 人 员 也 能 够 定制 常用 功能 标 
记 库 。 第 三 方 或 其 他 开发 人 员 也 可 以 创建 自己 的 标记 库 。 由 于 页 面 制 作者 可 以 使 用 标记 
库 中 的 功能 ,因此 大 大 减少 了 对 脚本 语言 的 依赖 ,并 降低 了 页 面 制 作 的 复杂 度 。 

4. 一 次 编写 、 各 处 运行 

由 于 JSP 页 面 的 内 置 脚本 是 基于 Java 语言 的 ,而 且 所 有 的 JSP 页 面 都 被 编译 成 Java 
Servlet, 所 以 JSP 具有 Java 的 特点 ,如 健壮 的 存储 管理 ,安全 性 、 跨 平台 特性 及 “一 次 编 
写 、 各 处 运行 "等 特点 。 
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5. 执行 速度 快 
由 于 JSP 文件 在 第 一 次 运行 后 ,生成 了 字 节 码 文件 ,所 以 以 后 的 运行 速度 是 很 快 的 。 


7.2 JSP 基本 语法 


7.2.1 JSP 常用 语句 类 型 


JSP 常用 的 语句 主要 有 以 下 6 种 类 型 。 
(1) 注释 : 二 % 一 一 注释 内 容 一 一 二。 
(2) 声明 : 二 %! 预 定义 内 容 % 二 。 

(3) 表达 式 : 二 % = 表达 式 % 二 。 

(4) 代码 片段 Scriptlet: 二 % 代码 % 二 。 
(5) 指令 : 二 %@ 指令 % 二 。 

(6) 动作 : 二 jsp :动作 >。 


7.2.2 注释 


为 增加 了 程序 的 可 读 性 与 可 维护 性 ,在 语句 中 插入 注释 ,注释 内 容 不 在 浏览 器 中 显 
示 。 有 三 种 JSP 注释 。 

(1) HTML 注释 ,发 送 到 客户 端 ,在 客户 端 通过 浏览 器 查看 源 文件 可 见 的 注释 。 

(2) JSP 注释 ,发 送 到 服务 器 端 ,在 客户 端 不 可 见 的 注释 ,也 称 为 隐藏 注释 。 

(3) 脚本 注释 ,在 JSP 脚本 段 中 使 用 的 注释 ,在 客户 端 也 见 不 到 脚本 注释 。 

1. HTML 注释 

JSP 引擎 对 HTML 注释 不 作 任 何 解释 ,客户 通过 浏览 器 查看 源 文件 时 ,可 以 看 到 
HTML 注释 。HTML 注释 的 使 用 格式 如 下 : 


<! 一 注释 内 容 [<$= 表 达 式 $> ]- -> 

注释 在 “二 !-” 和 “一” 标记 之 间 , 可 以 在 注释 中 包含 各 种 合法 的 表达 式 。 如 果 在 注 
释 中 使 用 了 JSP 表达 式 , 则 所 有 骨 入 的 JSP 代码 仍 在 服务 器 端 编译 执行 ,并 将 执行 结果 
返回 客户 端的 源 代码 。 

例如 , 例 7.1 中 的 语句 : 

<!--ex7-01.jsp- -> 
在 客户 端 浏 览 器 窗口 中 不 显示 ,在 查看 源 代 码 时 可 以 见 到 该 注释 。 

又 如 , 例 7.1 中 语句 : 


< 二 -页面 访问 时 间 : <%= (new java-util.Date()) .toocalestring()8s> 一 一 > 
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也 不 在 浏览 器 窗口 显示 。 经 过 服务 器 编译 执行 后 ,结果 是 服务 器 的 当时 时 间 , 挫 入 
HTML 文档 ,发 往 客户 端 , 在 客户 端 查看 源 文件 时 见 到 的 源 代码 是 : 


< !-- 页 面 访问 时 间 : 2013- 4- 27 9:48:06- 一 > 


2. JSP 注释 
JSP 注释 在 客户 端 是 见 不 到 的 , 故 也 称 隐藏 注释 。 隐 藏 注释 写 在 JSP 代码 中 ,是 为 
JSP 代码 做 的 注释 。 隐 藏 注释 的 使 用 格式 如 下 : 


<$%- -注释 --%> 

JSP 引擎 在 编译 时 忽略 “所 儿 一 一 ”和 * 一 一 %% 盖 ”之 间 的 语句 。 隐 藏 注释 是 给 编程 人 
员 看 的 ,属于 内 部 资料 ,它们 既 不 在 客户 端 浏 览 器 中 显示 ,也 不 能 在 客户 端的 “查看 源 文 
件 ” 中 看 到 ,具有 较 高 的 安全 性 。 例 如 , 例 7.1 中 的 注释 语句 : 


<%- -使 用 Java 语 言 的 for 循 环 语句 控制 输出 字体 的 大 小 --%> 
在 客户 端的 源 文 件 中 被 空白 行 代替 。 


3. 脚本 注释 

JSP 脚本 中 使 用 的 是 java 语言 ,所 以 java 的 三 种 注释 方法 都 可 以 使 用 。JSP 引擎 在 
编译 时 忽略 脚本 注释 ,也 不 把 它们 发 送 到 客户 端 ,客户 通过 浏览 器 查看 源 文件 时 ,看 不 到 
脚本 注释 。 脚 本 注释 要 在 标记 二 %…% 二 内 使 用 ,使 用 格式 如 下 。 

(1) // 注 释 内 容 

“//” 后 到 本 行 结束 的 内 容 , 都 是 注释 内 容 。 例 如 , 例 7.1 中 的 语句 : 

// 输 出 3 行文 字 

(2) /x* 注释 内 容 */ 

“/ x* ”到 “x /” 之 间 是 注释 内 容 , 可 占 多 行 。 

(3) /x* x* 注释 内 容 */ 

“/ x x” 到 “x /” 之 间 是 注释 内 容 , 可 占 多 行 。 


7.2.3 声明 


声明 语句 声明 JSP 文件 中 将 要 用 到 的 变量 和 方法 ,变量 类 型 包括 Java 的 基本 类 型 和 
类 对 象 。 在 “二 %1” 和 “% 二 ”标记 之 间 声 明 变 量 和 方法 ,在 这 两 个 标记 之 间 声 明 的 变量 在 
整个 JSP 页 面 有 效 。 当 JSP 引擎 将 JSP 页 面 转译 成 Java 文件 时 ,整个 页 面 被 编译 为 一 个 类 ， 
这 些 变量 生成 为 JSP 页 面 的 成 员 变量 ,它们 的 内 存 空间 在 服务 器 关闭 后 才 被 释放 。 当 多 个 
用 户 请 求 同 一 个 JSP 页 面 时 ,JSP 引擎 为 每 个 用 户 启动 一 个 线程 ,线程 由 JSP 引擎 管理 。 多 
个 用 户 共享 JSP 页 面 的 成 员 变 量 ,任何 一 个 用 户 对 成 员 变量 的 修改 ,都 会 改变 变量 的 原来 状 
况 ,影响 到 其 他 用 户 。 利 用 用 户 共享 成 员 变 量 的 特点 ,可 以 制作 计数 器 等 应 用 。 


1. 声明 的 语法 规则 
声明 的 语法 规则 如 下 : 
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<$! 声 明 ;[ 声 明 ;]…%> 


例如 : 

<%!int i= 6;%> // 声 明 变 量 
<S$!int arbycidouble ds> // 声 明 多 个 变量 
<%!Circle a=new Circle(6.0);%> // 声 明 对 象 
<$!String getDate ();%> // 声 明 方法 


2. 使 用 注意 事项 

使 用 时 需要 注意 : 

(1) 可 以 一 次 声明 多 个 变量 和 方法 ,必须 以 “, ”分开 ,以 “;” 号 结尾 。 

(2) 一 个 声明 只 在 一 个 页 面 有 效 。 最 好 把 每 个 页 面 都 要 用 到 的 声明 ,写成 一 个 单独 
的 文件 ,然后 用 二 %@ include % 二 指令 或 二 jsp:include 记 动作 包含 进来 。 

(3) 可 以 直接 使 用 在 二 %@ page %% 过 中 包含 进来 的 已 经 声明 了 的 变量 和 方法 ,不 需 
要 对 它们 重新 声明 。 

3. 应 用 示例 

(1) 声明 变量 和 对 象 

例 7.2 利用 多 个 客户 共享 成 员 变 量 的 特性 ,制作 一 个 计数 器 ,统计 网 页 访问 人 数 。 
ex7-02. jsp 声明 了 一 个 int 类 型 的 变量 num, 用 来 统计 访客 人 数 ;2 个 String 变量 和 一 个 
时 间 对 象 。 时 间 对 象 存储 第 一 位 客人 的 访问 时 间 ,也 由 多 个 客户 共享 ,在 不 同 客户 的 页 面 
上 输出 相同 的 时 间 。 当 有 多 个 用 户 访 问 该 页 面 时 ,所 有 用 户 共享 变量 num 和 对 象 
MyDate, 读 者 可 以 在 多 个 浏览 器 窗口 打开 该 页 面 观察 共享 现象 。ex7-02. jsp 源 代码 
如 下 : 

<$@page import= "java.util.* " $> 


< $@ page contentType= "text/html; charset= GB2312"g%> 
<html><head>< title> JSP 声 明 应 用 案例 < /title>< /head> 


< body> < center> 
<%="< font size= 5 color=blue> 声 明 的 应 用 < /font> %>< /center> <hr> 
<$!int mm 0; %> // 声 明 计 数 变量 nm 


<%!String strl, str2; $> 
<sstrl= "你 好 ! 你 是 第 "; str 三 "位 访问 客人 。";%> 
<S$snumt +; $> 
<$!Date MyDate= new Date () ;%> // 声 明 时 间 对 象 Mypate 
<div alignF "center"> < font size= "4" color=blue> <b> 
<g%= strl1%> <%= numrg> < %= str2%>< /font><p> 
< font color= green> 
第 一 位 客人 访问 时 间 是 : <s= Mypate-toIocalestring()s> 
< /font>< /p> < /div> 
< /body> < [htm> 


ex7-02.jsp 在 浏览 器 中 的 显示 如 图 7-3 所 示 。 
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Ex el x” 


Ge Se 
“文件 (R) 编辑 (E) 查看 (V) 收藏 夹 (A】 工具 (T) 帮助 (“| ”上 文件 (F) 编 和 (查看 V) 收藏 天 (A) 工具 帮助” 
| 去 收藏 天 | 全 SP 声明 应 用 案例 


声明 的 应 | 声明 的 应 用 | 


你 好 ! 你 是 第 1 位 访问 客人 。 你 好 ! 你 是 第 28 位 访问 客人 。 


第 一 位 客人 访问 时 间 是 : 2013>4<27 16:16:15 ~ 第 一 位 客人 访问 时 间 是 : 20}3-4-27 16:16:15 国 


ES 本 了 
多 个 客户 共享 num 变量 。 
人 
多 个 浏览 器 窗口 访问 同一 个 MyDate 对 象 
图 7-3 声明 的 应 用 


7.2.4 表达 式 


使 用 JSP 表达 式 向 页 面 输出 信息 。JSP 表达 式 就 是 java 表达 式 ,是 由 变量 .常量 组 成 
的 算式 ,表达 式 必须 能 够 求 值 。 在 “二 % 二 ”和 “% 二 ”之 间 插 入 JSP 表达 式 , 由 服务 器 计 
算 表 达 式 的 值 ,并 将 计算 结果 以 字符 串 形 式 送 到 客户 端 浏览 器 显示 。 如 果 表 达 式 的 值 是 
字符 串 ,表达 式 的 值 将 直接 显示 在 页 面 上 ,否则 将 表达 式 的 值 转换 为 字符 串 ,在 页 面 上 显 
示 。 由 于 表达 式 已 经 被 转化 为 字符 串 ,所 以 可 以 在 一 行文 本 中 插入 表达 式 。 表 达 式 可 以 
访问 request response out session vapplication ,config 和 PageContext 等 JSP 内 部 对 象 。 


1. 表达 式 的 语法 规则 

语法 : 

<s= 表 达 式 $> 

例如 ex7-01. jsp 中 的 二 % 二 "过 font size 二 4 color 二 red 二 字体 由 小 变 大 显示 
</font>"%>。 


2. 使 用 注意 事项 

使 用 时 需 注意 以 下 几 点 : 

(1) 不 能 用 “;” 号 作为 表达 式 的 结束 标志 ,但 是 同样 的 表达 式 在 Scriptlet 中 需要 用 分 
号 作为 结束 符 。 

(2) “所 %% 三 ?是 一 个 完整 的 标记 ,中 间 不 能 有 空格 。 

(3) 表达 式 元 素 包 括 任何 在 Java 语言 规范 中 有 效 的 表达 式 。 

(4) 表达 式 可 以 成 为 其 他 JSP 元 素 的 属性 值 。 一 个 表达 式 可 以 由 一 个 或 多 个 表达 式 
组 成 , 按 从 左 到 右 的 顺序 求 值 。 

应 用 示例 见 例 7.2 ,代码 ex7-02.jsp 中 的 语句 : 


< $= Strls><$%=num> < $= Str2%> 
< $=MyDate.toLocalestring ()%> 


第 7 章 ” JEP 运行 机 制 与 基本 语法 一 一 一 一 一 一 一 一 一 和 67 


7.2.5 JSP 脚本 段 


JSP 脚本 段 就 是 java 代码 片段 ,也 称 Scriptlet, 可 以 包含 任何 符合 java 语言 规范 的 语 
法 成 分 。 脚 本 段 在 服务 器 处 理 请 求 过 程 中 被 执行 。JSP 脚本 代码 界定 在 “二 %” 和 “% 二 ” 
之 间 , 在 界定 标记 之 间 的 内 容 在 服务 器 端 被 脚本 引擎 编译 执行 ,执行 结果 重新 髓 入 
HTML 后 一 起 发 送 到 浏览 器 端 。 

一 个 JSP 页 面 可 以 有 多 个 脚本 段 , 在 一 个 脚本 段 中 声明 的 变量 是 JSP 页 面 的 局 部 变 
量 , 它 们 在 后 续 的 JSP 页 面 的 所 有 脚本 段 和 表达 式 部 分 有 效 。 当 JSP 引擎 把 JSP 页 面 转 
译 成 Java 文件 时 ,把 脚本 段 的 变量 生成 为 某 个 类 的 方法 中 的 变量 ,也 就 是 局 部 变量 。 当 
脚本 段 被 调用 时 ,局 部 变量 被 分 配 内 存 空间 ;调用 结束 后 ,局 部 变量 占有 的 内 存 空间 被 释 
放 。 在 多 个 用 户 请 求 同 一 个 页 面 时 ,JSP 引擎 为 每 个 用 户 启动 一 个 线程 ,为 不 同 用 户 的 局 
变量 分 配 不 同 的 内 存 空 间 ,所 以 某 个 用 户 对 局 部 变量 的 操作 ,不 会 影响 另 一 个 用 户 的 局 
了 变量 。 


1. JSP 脚本 元 素 语 法 规则 

语法 : 

<% 代 码 片段 %> 

例如 , 例 7.1 的 代码 ex7-01.jsp 中 的 语句 : 


Ek 


开 


< 
for( int 二 4; >1; i--) // 输 出 3 行文 字 
out.println( "<h"+i+">Web 技 术 应 用 基础 </h"+i+t >" ); 
%> 


就 是 一 个 脚本 段 。 变 量 i 为 局 部 变量 ,用 来 控制 字体 显示 的 大 小 。 


2. 脚本 元 素 的 功能 

脚本 元 素 可 以 和 页 面 的 静态 元 素 ( 例 如 HTML) 组 合 在 一 起 生成 动态 页 面 。 一 个 
Scriptlet 能 够 包含 多 个 JSP 语句 .方法 .变量 和 表达 式 。 脚 本 段 的 主要 功能 如 下 : 

(1) 声明 将 要 用 到 的 方法 和 变量 。 

(2) 编写 JSP 表达 式 。 

(3) 编写 JSP 语句 ,如 果 使 用 Java 语言 ,这些 语句 必须 遵从 Java 语言 规范 。 

(4) 使 用 任何 隐 含 的 对 象 和 任何 用 所 jsp:useBean 二 声明 过 的 对 象 。 

(5) 填写 任何 文本 和 HTML 标记 。 

如 果 脚 本 段 有 需要 显示 的 内 容 , 则 把 这 些 内 容 存放 在 out 对 象 中 ,输出 到 页 面 上 显 
示 。 例 如 ,ex7-01. jsp 中 的 语句 : 

out.printin( <hm+it+">Web 技 术 应 用 基础 </h"+it" >" ) 

当 i 等 于 2 时 ,相当 于 out. println( "<h2 之 Web 技术 应 用 基础 二 /h2 这 >" ) ,把 文字 
“Web 技术 应 用 基础 ?输出 到 页 面 上 。 
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7.2.6 JSP 基本 语法 应 用 案例 


例 7.3 根据 Web 服务 器 系统 的 时 间 , 显 示 不 同时 间 段 的 问候 。ex7-03. jsp 代码 清 
单 如 下 : 


< $@ page contentType= "text/html; harset= gb2312" import= "java.util.* " $> 
<htm> 
<head>< title> jsp 基 本 语法 应 用 案例 < /title> < /head> 
<body> < center> < font color= blue size= 6 face= 吓 书 吃 
< 
Date today= new Date ()7 
int hours= today.getHours (); 
int minute= today.getMinutes (); 
if (hours>=0 && hours< 12){ 
out.printin( 哮 友 们 ,早上 好 !"); 
} 
else if (hours>= 12 && hours< 19) { 
out.println(" 朋 友 们 ,下 午 好 !); 
} 
else 
cut.println(" 朋 友 们 ,晚上 好 !"); 
%> < /font> < /center> 全 jsp 基本 语法 应 用 来 例 ~Windo.. EGGEE 司 
< /body> < /html> GO | ;080/ex Do7/ex7-03jsh -| *|x| 


_ 文 件 (F) 编辑 (日 查看 (V) 收 戈 夫 (A) 工具 (T) ” 
ex7-03.jsp 使 用 new 关键 字 创 建 了 一 个 日 期 对 象 ， || 襄 ue 夫 jp 人 ”| | 

把 系统 的 时 间 赋 予 today 变量 ,根据 不 同 的 时 间 段 , 输 
出 不 同 的 问候 语 发 送 到 浏览 器 。 
在 浏览 器 中 显示 的 结果 如 图 7-4 所 示 。 人 


朋友 人们， 晚上 和 好! 日 


7.3 JSP 指令 标记 


JSP 标记 有 指令 标记 动作 标记 和 自 定义 标记 。 指 令 标 记 在 JSP 页 面 处 理 的 翻译 阶 
段 提供 全 局 信息 或 静态 引入 资源 ,动作 标记 在 执行 阶段 为 页 面 提供 插件 或 动态 引入 资源 。 


7.3.1 JSP 指令 标记 的 功能 


JSP 指令 标记 在 翻译 阶段 提供 全 局 信息 ,所 有 的 指令 元 素 在 整个 JSP 页 面 都 有 效 。 指 
令 标记 通知 JSP 引擎 如 何 处 理 JSP 页 面 。 例 如 ,设置 全 局 变量 的 值 和 输出 内 容 的 类 型 ,提供 
缓冲 器 和 线程 信息 、 错 误 处 理 信 息 ,指定 脚本 语言 以 及 所 有 的 扩展 ,指明 页 面包 含 的 外 部 文 
件 , 指 出 页 面 可 以 调用 的 标记 库 等 。JSP 指令 标记 不 在 客户 端 直接 产生 可 见 输出 。 
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JSP 指令 标记 从 “二 %@” 开 始 ,以 “% 二 ”结束 。 例 如 ,二 %@ page language 一 “java” 
听 盖 。3 个 常用 的 JSP 指令 标记 是 include、page 和 Taglib。 应 用 举例 如 下 : 

二 %@ include file 二 "filename. jsp”% 记 ,指出 被 包含 的 文件 。 

二 %@ page import 一 "java. util. Date" % 放 ,导入 类 。 

二 %@ page errorPage 一 "errorPage. jsp”% 记 ,如 果 发 生 异 常事 件 ,将 信息 发 送 到 
errorPage. jsp 异常 处 理 页 面 。 

二 %@ page session 二 "true”% 记 ,指示 是 否 需 要 为 使 用 者 管理 会 话 期 的 信息 。 


7.3.2 include 指令 标记 


1. include 指令 标记 的 功能 

include 指令 称 为 文件 加 载 指令 ,在 该 指令 出 现 的 位 置 静态 苦 入 一 个 文件 ,加 载 需要 
嵌入 的 文本 或 代码 。 它 把 文件 静态 嵌入 指令 出 现 的 位 置 , 然 后 后 合并 成 一 个 新 的 JSP 文 
件 , 再 由 JSP 引擎 转译 成 Java 文件 。 被 嵌入 的 文件 可 以 是 JSP 文件 .HTML 文件 或 其 他 
文本 文件 ,被 戏 入 的 文件 必须 是 可 访问 和 使 用 的 。 在 开发 Web 应 用 时 ,如 果 有 多 个 页 面 
含有 相同 的 功能 ,例如 ,登录 验证 功能 、 导 航 条 等 ,可 以 把 这 些 相同 功能 的 内 容 放 在 一 个 文 
件 中 ,然后 由 需要 这 些 功能 的 页 面 使 用 include 指令 包含 进来 ,从 而 可 使 JSP 页 面 开发 模 
块 化 ,减少 代码 元 余 , 提 高 页 面 管理 与 维护 效率 。 


2. include 指令 标记 的 语法 规则 
<%@ include file= "文件 URL"s> 


文件 URL? 是 要 午 入 文件 的 URL, 一 般 是 指 相 对 路 径 , 不 需要 指明 端口 .协议 和 域 
名 。 如 果 被 能 入 的 文件 与 当前 JSP 页 面 位 于 同一 个 Web 服务 目录 ,文件 URL” 以 文件 
名 或 路 径 名 开始 。 赎 入 新 文件 后 ,必须 保证 合并 成 的 新 JSP 文件 符合 JSP 页 面 的 语法 规 
则 。 例 如 ,JSP 页 面 不 允许 使 用 page 指令 对 除 import 指令 外 的 一 个 属性 多 次 赋值 ;如 果 
有 两 个 文件 的 page 指令 对 同一 个 属性 赋值 ,那么 在 使 用 include 指令 时 就 会 出 错 。 


3. include 指令 标记 应 用 案例 

例 7.4 文件 ex7-04_1. jsp 输出 系统 的 日 期 和 时 间 , 并 用 include 指令 把 它 舱 入 
ex7-04.jsp 文件 ,在 页 面 上 显示 。 

ex7-04. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= gb2312"g%> 
<htm><head>< title> incluge 指令 应 用 < /title>< /head> 
<body> < center> < font size=5 faoe= 呈 书 " color=blue> incluge 指令 应 用 < /font> <br> <hr> 
< font size= "4" color= red> <b> 
现在 的 日 期 和 时 间 是 :<br> 
< %@ include file= "ex7- 04 1.jsp"s> 
< /font> < /center> 
< /body> < /html> 
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ex7-04_1.jsp 代码 清单 如 下 : 


多 | 3080/ex_D07/ex7-04jsp ”村 


< $@ page language= "java" inport= "java.util.* " $> 


文件 (F】 编辑 (日 查看 V) 收藏 夫 (A) 工 乓 ” 
< $= (new Date()) .toIocaleString ()%> 痪 收藏 夫 ” 登 include 指令 应 用 [| 
运行 程序 ex7-04. jsp 在 浏览 器 中 的 显示 如 图 7-5 所 示 。 include 指令 应 用 | 
在 客户 端 见 到 的 源 文件 如 下 : 现在 的 日 期 和 时 间 是 ; | 
<html> 


妈 7-5 include 指令 应 
<head> <titley incluge 指令 应 用 < /title> < /head> 图 7-5 include 指令 应 用 


< body> < center> < font size=5 face= 哇 书 " color=blue> include 
指令 应 用 < /font> <br> <hr> 

< font size= "4" color= red><b> 

现在 的 日 期 和 时 间 是 :<br> 


2013- 4- 29 22:55:41 


< /font> < /center> 

< /body> < /html> 

在 客户 端的 源 文件 中 , 见 不 到 ex7-04_1. jsp 源 代码 ,在 ex7-04. jsp 文件 的 二 %@ 
include file 一 "ex7-04_1. jsp" 上 % 盖 位 置 , 戏 入 了 ex7-04_1. jsp 文件 的 执行 结果 : 2013-4-29 
22:55:41。 


7.3.3 page 指令 标记 


1. page 指令 标记 的 功能 

page 称 为 页 面 指令 ,是 应 用 于 当前 页 面 的 指令 ,用 来 定义 JSP 页 面 的 全 局 属性 并 设 
置 属性 值 。page 指令 指定 页 面 使 用 的 脚本 语言 代表 的 Servlet 实现 的 接口 .导入 指 
定 的 类 及 软件 包 等 。 一 个 page 指令 可 以 定义 多 个 属性 ,也 可 以 使 用 多 个 page 指令 分 别 
定义 每 个 属性 。 每 个 页 面 都 有 自己 的 page 指令 ,page 指令 对 整个 当前 JSP 页 面 有 效 ,与 
在 页 面 中 书写 位 置 无 关 ,一 般 习惯 把 page 指令 写 在 页 面 的 开始 。page 指令 区 分 大 小 写 ， 
属性 是 可 选项 。 除 import 属性 外 ,其 他 属性 最 多 只 出 现 一 次 。 


2. page 指令 标记 的 语法 规则 
<s@page 属性 王 " 属 性 值 1" 属 性 三 "属性 值 2"… %> 
或 


< $$@ page 
Danguager "java"] 
[import= "{package.class |package.* } 
[extends= "package.class"] 
[sessiorF "true | false"] 
[buffer= "none| 8kb | sizekb"] 
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[autoFlush= "true |false"] 


[isThreadsafe= "true |false"] 


Linfo= "text"] 


[errorPage= "relativeURL"] 
[contentType= "mimeType [;charset= haracterSet ] "| "text/html;charset= ISO- 


8859- 1"] 


[isErrorPage= "true |false"] 


%> 


Page 指令 标记 的 属性 见 表 7-1。 


表 7-1 page 指令 标记 的 属性 


属 性 名 使 用 说 明 范 例 
a 定义 要 使 用 的 脚本 语言 ,默认 值 是 java, 是 目前 唯一 有 效 eat 
ES 的 设 定 值 人 
在 JSP 页面 中 导入 需要 使 用 的 java 包 和 类 ,可 以 是 JDK 
中 的 类 ,也 可 以 是 用 户 自 定义 的 类 。 只 有 import 可 以 在 | import 一 "java. util. * "， 
import 同一 页 面 指定 多 个 属性 值 ,多 个 属性 值 用 *,” 号 分 开 。 默 | "java. .io. * "， 
认 属 性 值 有 :java. lang. * 、javax. servlet. jsp. * ,javax. | "java. awt. *" 
servlet. * ,javax. servlet. http. * 
extends 定义 JSP 编译 时 需要 继承 的 java 父 类 extends= "package. class" 
当前 页 是 否 允 许 使 用 内 置 的 会 话 (session) 对 象 , 默 认 值 
session 是 true, 人 允许 使 用 session 对 象 ;默认 值 为 false 不 能 使 用 | session=="true" 
session 对 象 
errorPage 指定 当前 页 面 抛 出 异常 时 ,所 要 调用 页 面 的 URL errorPage= "relativeURL" 
joer 设置 当前 页 是 否 是 其 他 JSP 页 面 的 异常 处 理 页 面 ,如 果 | . or ae ee 
Ne 设 为 true, 就 能 使 用 内 置 exception 对 象 ,默认 值 是 false A ES Ey 
指定 页 面 输出 内 容 的 MIME 类 型 和 JSP 文件 的 字符 纺 bent ype = "oe/ lly 
contentType 码 , 默 认 值 是 text/html, 默 认 字 符 集 是 ISO-8859-1。 如 人 i 澡 
果 需 要 输出 汉字 , 则 将 字符 集 设 为 GBK 或 GB2313 ee 
设置 JSP 是 否 支持 多 线程 。 取 值 为 true,JSP 能 够 同时 
isThreadSafe | 处 理 多 个 用 户 的 请 求 ; 设 为 false, 不 支持 多 线程 ,JSP 只 | isThreadSafe 一 "true" 
能 一 次 处 理 一 个 请 求 。 默认 值 是 true 
控制 内 置 输出 流 对 象 out(JspWriter 类 对 象 ) 缓 冲 区 的 大 
buffer 小 。 取 值 buffer 二 "none|8kb| sizekb" .none 则 没有 缓冲 | buffer 一 "none" 
区 。 默 认为 8kb 
设置 缓冲 区 被 填 满 时 是 否 自动 刷新 , 取 值 为 autoFlush 一 
toFlush "true|false" ,默认 值 true。 如 果 取 值 true, 在 缓冲 区 溢出 wohl et 
ee 时 ,自动 输出 ;如 果 取 值 false, 在 缓冲 区 溢出 时 , 抛 出 一 J” 
个 异常 。 一 般 不 设 为 false 
info 设置 页 面 说 明 信 息 ,定义 一 个 将 加 入 到 已 编译 成 功 的 页 info="text" 
面 中 的 字符 串 
page 指令 实例 如 下 : 
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< $@ page language= "Java"s> // 使 用 的 脚本 语言 是 Java 


< SQ page import= "java.util.* "%> // 导 入 java-util 包 

< $@ page session= "true" %> // 当 前 页 可 以 使 用 内 置 的 会 话 对 象 
< $@ page contentType= "text/html ; charset= gb2312" $> /| 输出 中 文 

< SQ@ page buffer= "16kb" autoFlash= "false" %> // 缓 冲 区 16k, 溢 出 时 抛 出 异常 

< $@ page errorPage= "error.jsp" $> // 定 义 当 前 未 捕获 的 异常 处 理 页 面 


7.3.4 taglib 指令 标记 


1. taglib 指令 标记 的 功能 

为 简化 JSP 页 面 的 开发 ,使 用 taglib 指令 引入 定制 的 标记 库 。taglib 指令 为 JSP 页 
面 引 入 标记 库 ,标记 库 可 以 是 JSP 标准 标记 库 , 也 可 以 是 用 户 自 定义 标记 。 一 个 Web 应 
用 中 的 多 个 JSP 页 面 ,也 许 要 使 用 一 些 相同 信息 或 功能 ,开发 人 员 可 以 把 这 些 信息 或 功 
能 制 成 特定 文件 ,需要 使 用 这 些 功 能 的 JSP 页 面 只 需 使 用 taglib 指令 引入 自 定义 标记 即 
可 。 自 定义 标记 减少 了 代码 元 余 , 提 高 了 代码 的 可 重用 性 和 系统 的 维护 效率 。 


2. taglib 指令 标记 的 语法 规则 
为 使 用 定制 的 标记 库 , 需 要 有 3 个 步骤， 
。 自 定义 标记 , 放 入 标记 库 中 。 
。 通过 taglib 指令 指定 需要 使 用 的 标记 库 。 
。 调用 标记 库 中 的 所 需 标记 。 
(1) 自 定 义 标记 
在 JSP 文件 能 够 引用 自 定义 标记 之 前 ,开发 者 需要 自 定 义 标记 。 自 定义 标记 是 扩展 
名 为 . tag 的 文本 文件 , 它 的 结构 与 JSP 文件 几乎 相同 ,包含 HTML 标记 、Java 表达 式 、 
Java 程序 片 等 。 开 发 人 员 自 定义 一 个 标记 后 ,标记 文件 名 就 可 以 当 新 标记 使 用 ,一 般 称 
为 tag 标记 。 一 个 tag 文件 对 应 一 个 tag 标记 ,多 个 tag 标记 形成 一 个 标记 库 。 
tag 文件 存放 在 Tomcat 指定 目录 “Web 服务 目录 \WEN-INF\tags” 中 ,本 章 使 用 的 
tag 文件 存放 在 D:\Tomcat 7. 0\webapps\ex_D07\ WEB-INF\tags 下 。 一 般 称 tags 或 
tags 下 的 一 个 子 目 录 为 一 个 标记 库 。 
(2) taglib 指令 指定 需要 使 用 的 标记 库 
taglib 指令 使 用 格式 : 


<$@ taglib tagdir= 味 记 资 源 位 置 prefize " 响 缀 "" 吧 > 


taglib 指令 声明 该 JSP 文件 使 用 了 自 定义 标记 。 一 个 JSP 页 面 可 以 使 用 多 个 taglib 
指令 引入 多 个 标记 库 , 由 前 级 区 分 不 同 标记 库 ,不同 的 库 可 以 有 相同 名 字 的 标记 文件 ,但 
是 同一 个 库 中 不 可 以 有 相同 名 字 的 标记 文件 。tagdir 属性 指明 tag 文件 的 位 置 ,prefix 属 
性 指定 了 库 中 标记 的 前 级 ,不 同 的 库 使 用 不 同 的 前 级 ,不 能 使 用 jsp、jspx、java、javax、 
servlet、sun 和 sunw 作为 前 级 ,这 些 前 级 已 经 被 声明 保留 。 

(3) 调用 标记 库 中 所 需 标记 
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客户 不 能 通过 浏览 器 请 求 一 个 tag 文件 ,要 通过 JSP 页 面 来 引用 , 即 tag 标记 只 由 
JSP 页 面 引 用 。 语 法 格式 如 下 : 


< 前 级: tag 文 件 名 /> 
或 
< 前 级 : tag 文 件 名 >…< /前 级: tag 文 件 名 > 


3. taglib 指令 标记 应 用 案例 

例 7.5 把 求 阶 乘 的 功能 定义 为 multTag 标记 ,multTag. tag 文件 存放 在 D:\Tomcat 7. 0\ 
webapps\ex_D07\WEB 一 INF\tags 目录 下 。 

标记 文件 multTag. tag 代码 清单 如 下 : 


< !- -mltTag.tag-—> 
< 多 
int milt=1; 
for(int i=1;i<=10;i++){ 
mlt=mlt* i;} 
out.print ("10!= "+ mlt); 
多 > 


文件 ex7-05. jsp 使 用 taglib 指令 引入 multTag. 标记 。ex7-05. jsp 代码 清单 如 下 : 


<%@page contentType= "text/html; charset=gb2312"%> 


< i 和 加 mr i 生 三 二 "8> 
%@ taglib tagdir /WEB INF/tags prefix="mult 多 


估 taglib 标 记 应 用 - Windows nt_ 局 车 王 | 


<html> 标记 库 位 置 tags 库 的 前 级 名 mult OD ee by | EE 


<head><title>taglib 标 记 应 用 </title></head> | 文 作 (加 加 昌 查看 收藏 天 A) EE 
<body> | 训 wx 夹 | 优 taglib 标 记 应 用 
调用 求 阶乘 标记 multTag 计算 10 的 阶乘 : <p> 调用 求 阶乘 标记 multTag 计算 10 的 阶乘 : 
<mult:multTag/> 10! = 3628800 
</body></html> 
运行 程序 ex7-05. jsp 在 浏览 器 中 的 显示 如 图 7-6 所 示 。 图 7-6 引用 自 定义 标记 


7.3.5 JSP 指令 标记 应 用 案例 


例 7.6 使 用 page 指令 的 session 属性 ,在 页 面 上 输出 一 个 sessionID。 
ex7-06. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; harset— GEK"S> 

< %@ page sessiornF "true"®> 

< $@ page import= "java.util.Date"®> 

< $@ page inport= "java.io. * "%> 

< 8@page info= "你 好 ! 现 在 是 : "%> 
<htbm><head>< title> page 指令 应 用 < /title>< /head> 
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<body> < center>< font size=4 facs= 邑 书 " color=blue> 获 得 的 sessionTD 是 <br> 


< 和 session.getId()$> (page Windows intemet. 
<$!Date MyDate= new Date();s><hr> es 乱 ] 3080/ex_D07/ex7-06jsp ~ 村 |X EE 
< $= getServletInfo ()%> 文 作 ( 编 且 日 埋 看 M 收 茂 夫 A 工 具 ( 二 


| 训 收 天 入 page 指 令 应 用 
< $=MyDate.toLocalestring()%> < /font> 


获得 的 sessionID 是 


< /center> BD880099CD268DCC229A8D7BDAGACTEE 
< /body> < /html> 你 好 ! 现在 是 : 2013-4-30 0:22:54 
ex7-06.jsp 在 浏览 器 中 显示 的 结果 如 图 7-7 所 示 。 图 7-7 page 指令 标记 的 应 用 


7.4 JSP 动作 标记 


JSP 动作 标记 在 执行 阶段 为 页 面 提供 插件 或 动态 引入 资源 。 在 页 面 请 求 处 理 阶 段 按 
照 动作 标记 在 页 面 上 出 现 的 顺序 , 按 序 执行 。 


7.4.1 JSP 动作 标记 的 功能 


JSP 动作 用 来 控制 JSP 引擎 的 行为 ,执行 一 些 标准 常用 的 JSP 页 面 的 动作 ,例如 动态 
插入 文件 ,重用 JavaBeans 控件 ,设置 JavaBeans 的 属性 ,导向 另 一 个 页 面 , 为 Java 插件 
(Plugin) 生 成 HTML 代码 等 。JSP 动作 包含 以 下 内 容 。 

jsp:include: 在 页 面 运行 时 动态 插入 一 个 文件 。 

jsp:useBean: 使 用 JavaBean 控件 。 

jsp:setProperty: 设置 JavaBrean 属性 。 

jsp:getProperty: 把 JavaBrean 的 属性 插入 到 输出 中 。 

jsp:forward: 引导 请 求 者 进入 新 的 页 面 。 

jsp:plugin: 插入 一 个 applet 或 Bean 。 


7.4.2 jsp:include 动作 标记 


1. jsp:include 动作 功能 

jsp:include 动作 在 即将 生成 的 页 面 上 动态 地 插入 文件 , 它 在 页 面 运行 时 才 将 文件 插 
和 人 ,对 被 插入 的 文件 进行 处 理 。 如 果 被 插入 的 文件 是 文本 文件 , 则 直接 把 文件 内 容 发 送 到 
客户 端 浏览 器 显示 ;如 果 被 插入 的 是 JSP 文件, 则 JSP 引擎 执行 该 文件 ,然后 把 执行 结 
送 客户 端 浏览 器 显示 。 如 果 被 插入 文件 被 修改 过 , 则 include 动作 可 以 判断 出 来 ,并 对 被 
插入 文件 重新 编译 。 

jsp:include 动作 中 被 引用 的 文件 不 能 包含 某 些 JSP 代码 ,例如 不 能 设置 HTTP 头 
等 。 通 过 包含 JSP 代码 ,也 预 包含 了 需要 链接 的 JSP 页 面 , 使 得 应 用 开发 比较 灵活 。 

include 动作 标记 与 include 指令 标记 是 有 区 别 的 ,它们 的 区 别 如 下 。 

(1) include 动作 是 动态 的 ,而 include 指令 是 静态 的 , 见 图 7-8。include 动作 在 执行 
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阶段 插入 文件 ,把 被 插入 文件 包含 进来 。 而 include 指令 是 静态 的 , 它 把 被 符 入 文件 搬 到 
当前 位 置 后 再 进行 翻译 。 


include 指 令 ， 静 


态 通 入 合并 成 新 
文件 后 翻译 “~ 
@ 翻 译 ， 生 成 
ee java 源 文件 
客户 沿 “ | 三 上 JSP 引 擎 
[vv @ 编 译 ， 生 
include 动 作 ， iufz -| 
阶段 动态 插入 文件 “文件 成 Sas 广 作 


图 7-8 include 动作 和 include 指令 的 区 别 


(2) include 动作 在 执行 时 对 被 包含 的 文件 进行 编译 处 理 。 在 页 面 执行 到 该 动作 指 
令 时 ,页 面 转 至 被 包含 的 页 面 ,执行 完毕 后 返回 调用 处 ,继续 执行 以 后 的 代码 。 包 含 页 面 
和 被 包含 页 面 是 两 个 文件 ,JSP 编译 器 分 别 对 这 两 个 文件 进行 编译 ,生成 两 个 class 文件 。 
所 以 JSP 页 面 与 被 包含 的 文件 在 逻辑 和 语法 上 是 独立 的 。 而 include 指令 的 JSP 页面 和 
被 嵌入 文件 在 翻译 前 形成 一 个 文件 ,然后 被 编译 成 一 个 class 文件 ,所 以 这 两 个 文件 在 语 
法 上 不 独立 ,合并 后 的 新 文件 要 符合 JSP 页 面 的 语法 规则 。 

(3) include 指令 在 编译 阶段 处 理 能 入 文件 ,页 面 执行 速度 快 。Include 动作 在 执行 阶 
段 才 处 理 被 插入 的 文件 ,可 动态 传递 参数 ,处 理 灵 活 ,但 是 运行 速度 稍 慢 。 


2. jsp:include 动作 的 语法 规则 
<jsp:include page= ' 文 件 的 URL" flush= "true| false"/> 
若 向 被 包含 文件 传递 参数 , 则 使 用 以 下 格式 : 


<jsp:include page= ' 文 件 的 URL " flush= "truelfalse > 
<jsp:param name= "参数 名 1"” value= "参数 值 1"/> 
<jsp:param name= "参数 名 2" value= "参数 值 2"/> 


< /jsp:include> 

参数 说 明 

(1) page 一 "文件 的 URL " 

设置 需要 插入 文件 的 URL ,该 参数 是 一 个 相对 路 径 或 代表 相对 路 径 的 表达 式 。 

(2) flush= "true|false 

true 刷新 当前 页 面 的 缓冲 区 , false 不 刷新 。 

(3) =jsp:param> 

过 jsp:param 访 子 句 可 以 把 一 个 或 多 个 参数 传送 到 被 包含 的 文件 中 去 ,一 个 页 面 可 以 
使 用 多 个 二 jsp:param 二 传递 多 个 参数 。 传 递 参 数 时 ,被 包含 文件 用 以 下 语句 获取 传人 的 
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参数 


request .getParameter ("参数 名 ") 


3. 应 用 举例 

例 7.7 网 上 书店 的 新 书展 示 栏 目 , 可 以 为 每 一 本 新 书 制 作 一 个 文件 ,每 个 文件 是 一 
本 新 书 介 绍 ,在 ex7-07.jsp 代码 中 插入 了 4 个 文件 。 如 果 新 书 书目 改变 ,只 需要 改变 相关 
文件 中 的 内 容 就 可 以 了 ,而 ex7-07. jsp 页 面 可 以 不 做 改动 。ex7-07.jsp 代码 清单 如 下 : 


< $@ page language= "java" $> 
< %@ page contentType= "text/html; charset= GB2312"%> 
<html> < heag> < title> jsp:include 动作 < /title> < /head> 
<body> 
< div align= "center"> < font size= "6" faoe= 中 书 " color=blue> <b> 
新 书展 示 <br> < /font> 
< table border= "3"> 
<tr> 
< td >< jsp:include page= "newbookl .html"/> < /td> 
< to> < jsp:include page= "nevibook2.html"/> < /td> 
</tr> 
<tr> 
< to> < jsp:include page= "newbook3.html"/>< /td> 
< to> < jsp:include page= "nevwibook4.html"/>< /td> 
</tr> 
< /table> < /font> 
</div> 
< /body> < /html> 


其 中 一 本 新 书 的 内 容 介绍 文件 newbook1. html 代码 清单 如 下 : 


<html> 
<head> <title> Windows 驱动 开发 技术 详解 < /title>< /head> 
<body> 
< table width= "100%" border= "0" > 
<tr> 
< td width= "40%" rowspan= "8"> < img src= "20302264.jpg" height= "106" width= "75" > < /td> 
<td colspar= "1"> < font size= "1"> 大 数据 时 代 < /font> < /td> 
</tr> 
<tr> 
<td colspanr "1">< font size=""> 维 克 托 。 迈 尔 - 舍 恩 伯 格 、 肯 尼 思 。… 库 克 耶 、 
盛 杨 燕 、 周 涛 < /font>< /td> 
</tr> 
<tr> 
<tqd colsparr "1"> < font size="1" 吃 浙江 人 民 出 版 社 < /font> < /td> 
</tr> 
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<tr> 
<td colspar= "1"> < font size= "1"> 2012- 12- 01< /font> < /td> 
< 
<tr> 
<td><font size="1"> 定 价 :49.90< /font>< /to> 
</tr> 
< /table> < /font> 
< /body> < /html> 


文件 ex7-07. jsp 在 浏览 器 中 的 显示 结果 如 图 7-9 所 示 。 


鳞 jsp:include 动作 - Windows Internet Explorer ” [== 电 E3 


| GO | ;080/ex Do7/ex7-07jsp [+ x | ong 
| ee a 


文件 (F】 编辑 瑟 看 V) 收藏 夫 (A) 工具 (T) 帮助 (H) 
证 收 藏 夹 ”全 jsp:iinclude 动作 | 


江 人 民 出 版 社 
-01 
定 外 :49.9 


新 书展 示 
大 下 掺 时 代 EceJ 吉 外 理 与 六 
| 遍 训 托 ? 克 外 -会 时 倍 巾 、 站 天 战 技巧 
2 思 7 库 志 耶 、 硬 本 闪 Ecel Hons 编著 
入 民 电厂 社 


2008-08-01 
空 俐 :68.00 


EE erd 式 由 共和 名 稳 Er re 
acel lomo 过 
人 民 直 昌 出 版 社 
2008-08-01 
定 从:¥59.00 
图 7-9 jsp:include 动作 应 用 


例 7.8 ex7-08.jsp 文件 使 用 二 jsp:include 二 动作 插入 求 阶乘 的 文件 ex7-08_1. jsp， 
并 把 求 阶乘 所 需要 的 参数 传递 给 ex7-08_1. jsp 文件 。 
ex7-08. jsp 文件 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312"%> 
<html><head> < title> jsp:include 动作 < /title> < /head> 
< body> 
< div align= "center"> < font size= "5" face= 呈 书 " color=blue><b> 

求 一 个 数 的 阶乘 <br> < /font> 

< jsp:include page= "ex7- 08 1.jsp"> 

< jsp:param name= "num" value= "8"/> 

< /jsp:include> 
</div> 
< /body> < /html> 
ex7-08_1. jsp 文件 代码 清单 如 下 : 
< $@ page contentType= "text/html; harset— GB2312"%> 
<html> < head> < title> jsp:include 动作 < /title> < /head> 


<body> 
< $String str= request .getParameter ("num"); 
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int IF Integer.parseInt (str); 
double 于 17 


for(int i=1;i<=n;i++) 


S 关 二 7 
和 > 合 jspinclude 动作 - 

<div alignr "center"> < font size= "5" face= 叶 w 书 " GOas 3080/ex_D07/ex7-08jsp| 
color= green> <b> 文 作 (F) 编辑 (日 查看 (V) 收藏 夹 A6” 

<3=- mg> (= <%=s%>< /font> SS | i 
Sy 求 一 个 数 的 阶乘 

!= 
了 < 而 81!=40320. 0 
运行 ex7-08. jsp 文件 ,效果 如 图 7-10 所 示 。 图 7-10 param 动作 传递 参数 


7.4.3 jsp:forward 动作 


1. jsp:forward 动作 标记 的 功能 

forward 动作 标记 把 当前 的 JSP 页 面 转 到 另 一 个 页 面 ,在 forward 动作 标记 出 现 处 ， 
停止 当前 页 面 的 执行 , 转 到 另 一 个 新 页 面 , 并 在 页 面 转向 时 清空 缓冲 区 ,页面 中 所 有 数据 
都 不 会 发 送 到 客户 端 ,JSP 引擎 也 不 再 处 理 当 前 页 面 剩 下 的 内 容 。 在 客户 端 看 到 的 是 原 
页 面 的 地 址 ,而 实际 显示 的 是 另 一 个 页 面 的 内 容 。forward 动作 在 控制 型 的 JSP 页 面 中 
经 常 使 用 。 


2. jsp:forward 动作 标记 的 语法 规则 
<jsp:forward page= 叶 转 向 页 面 ULI< 和 = 表达 式 %> "/> 
若 向 转向 页 面 传递 参数 , 则 使 用 以 下 格式 : 


<jsp:forward page= "要 转向 页 面 URLIl< 针 表达 式 %> "> 
<]jsp:param name= " 湖 数 名 1" value= "只 数值 1"/> 
<jsp:param name= "参数 名 2" value= " 湖 数值 2"/> 


< /jsp:forward> 


jsp:forward 动作 只 有 一 个 page 属性 ,指定 目标 文件 的 相对 URL。page 属性 值 可 以 
是 静态 值 ,也 可 由 JSP 动态 产生 。 

属性 说 明 如 下 : 

(1) page 一 "要 转向 页 面 的 URL" 

用 来 指明 要 转向 的 文件 或 URL。 这 个 文件 可 以 是 JSP 代码 片段 ,也 可 以 是 其 他 能 够 
处 理 request 对 象 的 文件 (如 asp、cgi 和 php 等 )。 

(2) 二 jsp:param name 一 "参数 名 " value 一 "参数 值 " 二 
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向 一 个 动态 文件 发 送 一 个 或 多 个 参数 及 参数 的 值 。name 指定 参数 名 , value 设置 参 
数值 。 如 果 要 传递 多 个 参数 ,可 以 在 一 个 JSP 文件 中 使 用 多 个 二 jsp:param 盖 标记 。 注 
意 : 如 果 使 用 了 jsp:param 记 标记 ,目标 文件 一 定 要 是 动态 文件 ,这 样 才 能 够 处 理 参 数 。 


3. 应 用 举例 
例 7.9 将 文件 ex7-09. jsp 页 面 从 重新 导向 到 ex7-09_1. jsp 页 面 。 
文件 ex7-09. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312"%> 
<html>< head> < title> jsp:forward 动作 < /title> < /head> 
<body> 
包含 jsp:forward 动 作 的 JsP 文 件 , 文 件 中 的 数据 不 被 输出 。 
< jsp:forward page= "ex7- 09 1.jsp"/> 
数据 不 被 输出 。 
</div> 
< /body> < [htm> 
文件 ex7-09_1. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312"%> 
<html>< heag> < title> jsp:forward 动 作 < /title> < /head> 
< body> 
<div alignr "center"> < font size= "5" face= 中 书 " color=blue> <b> 
页 面 重新 定向 <br>< /font> 
<%out.printin("forward 动 作 重 新 导向 的 第 二 个 页 面 ");%> 
</div> 
< /pody> < /html> 
ex7-09. jsp 代码 在 浏览 器 中 的 运行 结果 如 图 7-11 所 示 。 
读者 可 以 注意 到 在 文件 ex7-09. jsp 中 的 两 行文 字 没 有 < 
在 浏览 器 中 显示 ,浏览 器 地 址 栏目 中 显示 的 是 文件 ex7-09。 | -egRSSRSSL am 上 
jsp 的 URL, 而 页 面 显 示 的 是 ex7-09_1. jsp 文件 的 内 容 。 和 
例 7.10 jsp:forward 动作 在 控制 型 的 页 面 中 特别 有 ”下 本 新 定向 
用 。 本 例 的 任务 是 : 输入 图 书信 息 后 ,可 以 有 两 个 选择 。 
如 果 选 择 “ 详 细 信 息 " 单 选 钮 , 单 击 “ 确 定 ” 按 钮 后 页 面 转向 详细 信息 页 面 ;如 果 选 择 “ 图 书 
购买 ” 单 选 钮 , 则 转 到 图 书 购 买 页 面 。 它 由 四 个 程序 组 成 。 
ex7-10. html: 图 书 检索 界面 , 见 图 7-12。 读 者 在 界面 中 可 以 选择 重新 定向 的 不 同 
页 面 。 
ex7-10_1.jsp: 判断 读者 选择 的 页 面 ,根据 读者 的 选择 确定 目标 页 面 。 
ex7-10_2.jsp 和 ex7-10_3.jsp: 目标 页 面 。 
为 使 程序 简单 易 读 , 对 实际 的 源 代码 做 了 部 分 简化 。 
图 书 检索 界面 ex7-10. html 将 表单 上 读者 选择 的 信息 传递 给 ex7-10_1. jsp。 


全 jsp:forward 动 作 =Windaleu | 

| 乱 ] ;080/ex_DO7/ex7-09jsp ~ + 
文件 (F】 编辑 (日 吉 看 ) 收藏 夹 (A) 工 ”| 
| 遍 收 藏 夹 。” 优 jsp:forward 动 作 
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ex7-10. html 源 代码 清单 如 下 : 


<htm>< head> < title> jsp:forward 动作 < /title> < /head> et 7 
< body> < center><b> < font sjze= "5" face= 吓 书 " color=blue> 图 高 收藏 严 | 写 jsp:forward 动作 
书 检索 < /font>< /p><p> 区 
< form method= "post" action= "ex7- 10 1.jsp™> 
书 名 : 算法 与 玫 据 结构 

<font size= "3" face= 吡 体 吃 中 
> 和 作者 : 严 葵 路 陈 文 博 
书 名 snbsp:< input type= "text" name= "bookname" size= "20"> <p 上 
出 版 社 : 清华 大 学 出 版 杜 


S 
作者 snbsp:< input type= "text" name= "authname" size= "20"><p 
> EE [ 闫 ] 
出 版 社 :< input type= "text" name= "pubname" size= "20"> < br> 
<P 
< input type= "radio" name= "select" value= "book" checked> 详 
细 信 息 
< input type= "radio" name= "select" value= "statistic"> 购买 图 书 <p> 
< input type= "sutmit" value= "确定 " name= "Bl"> 
< input type= "reset" value= "清除 " name= "B2"> < /font> < /center> 
< /fom> 
< /body> < /html> 


ex7-10_1. jsp 页 面 判断 读者 的 选择 ,接收 ex7-10. html 发 来 的 信息 ,根据 读者 在 单 选 
钮 中 的 选择 ,转向 目标 页 。 
ex7-10_1.jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312"%> 
< $request..setCharacterEncoding ("GB2312"); $> 
<html> < head> < title> jsp:forward 动作 < /title> < /head> 
<body> 
<% 
String getBook, getAuth, getPub, get'select; 
getBook= request .getParameter ("boomame"); 
// 使 用 request 对 象 的 getParameter 方 法 获取 ex7- 10.html 页 面 的 参数 
getAuth= request .getParameter ("authname"); 
getPub= request .getParameter ("pubname"); 
getselect= request .getParameter ("select"); 
if (getselect .equals ("book") ) { 
$%> 
< jsp:forward page= "ex7- 10 2.jsp"> // 如 果 用 户 选择 "详细 信息 " 畦 向 ex7- 10 2.jsp 页 面 
<]jsp:param name= "boolmname" value= "< $= getBook®> "/> 
< jsp:param name= "authname" value= "< $= getmauths> "/> 
< jsp:param name= "pubname" value= "< $= getPubgs> "/> 
< /jsp:forward> 


回 详细 信息 回 购 买 图 书 | 


图 7-12 图 书 检 索 界面 


< 
Jelse{ 
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$%> 
<jsp:forward page= "ex7- 10 3.jsp"> ”// 选 择 "购买 图 书 哮 向 ex7- 10 3.jsp 页 面 
< jsp:param name= "boomame" value= "< $= getBook®> "/> 
< jsp:param name= "authname" value= "< $= getmuths> "/> 
< jsp:param name= "pubname" value= "< $= getPubs$> "/> 
< /jsp:forward> 
< 
} 
$%> 
< /body> < /html> 


ex7-10_2. jsp 显示 图 书 详细 信息 的 页 面 代 码 清 单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312"%> 
< $request..setCharacterFncoding ("GB2312") ; $> 
<html>< head> < title> jsp:forward 动作 < /title> < /head> 
<body> 图书 详细 信息 
< 
String getBook, getAuth, getPub; 
getBook= request .getParameter ("bookname") ; 
getAuth= request .getParameter ("authname"); 
getPub= request .getParameter ("pubname"); 
%> 
<hr> 
书 名 gnbsp: < $= getBook%><br> 
作者 gnbsp:< $= getmuths><br> 
出 版 社 :< $= getPubs> 
< /body> < /html> 


ex7-10_3.jsp 显示 购买 图 书页 面 的 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312"%> 
< $request..setCharacterEncoding ("GB2312") ; $> 
<htm>< head> < title> jsp:forward 动作 < /title> < /head> 
<body> 购 买 图 书信 息 
<% 
String getBook, getAuth, getPub; 
getBook= request .getParameter ("boolmame") ; 
getAuth= request .getParameter ("authname"); 
getPub= request .get Parameter ("pubname"); 
名 > 
<hr> 
书 名 snbsp: < $= getBooks><br> 
作者 snbsp:< $= getmuths> <br> 
出 版 社 :< $= getPubs><br> 
< /body> < [htm> 
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浏览 器 中 的 显示 结果 见 图 7-13。 


全 jsp:forward 动作 ”Wel 


OS) 30/ex_ po7/ex7-10 1 EE - 
文件 (F】 编辑 日 查看 (V) 收藏 夫 A) ” 
况 B 夫 | 仿 jspfomard 芭 人 | 


图 书 详细 信息 
书 名 : 算法 与 数据 结构 
作者 : 严 各 敏 陈 文 博 
出 版 社 :清华 大 学 出 版 社 


图 7-13 根据 用 户 选择 页 面 定向 


个 jspforward 动作 - 
SOE we soo wu- 
文件 (F) 编辑 (E】 坦 看 (V) 收藏 夫 (A) “ 
高 收 诚 天 “会 jsp:forward 动 作 | 


购买 图 书信 息 
书 名 : 算法 与 数据 结构 
作者 : 严 各 得 陈 文 博 
出 版 社 :清华 大 学 出 版 社 


7.4.4 jsp:plugin 动作 标记 


1. jsp:plugin 动作 标记 功能 

jsp:plugin 动作 的 功能 是 将 服务 器 端的 Java 小 应 用 程序 (Applet) 或 JavaBean 组 件 
下 载 到 浏览 器 端 去 执行 ,相当 于 在 客户 端 浏 览 器 插入 Java 插件 。 

当 JSP 文件 被 编译 ,传输 到 浏览 器 时 ,一 jsp:plugin 二 动作 将 动态 产生 二 object 二 或 
<embed> 元 素 标 记 , 以 使 浏览 器 的 Java 插件 运行 Applet 。 

一 般 来 说 jsp:plugin 动作 会 指定 对 象 是 applet 还 是 Bean, 同 时 也 会 指定 字 节 码 文件 
(.class) 的 名 称 与 位 置 , 另 外 还 会 指定 从 哪里 下 载 Java 插件 。 


2. jsp:plugin 动作 标记 的 语法 规则 
<jsp:plugin type= "bean | applet" code= "保存 类 的 文件 名 " codsbase= "类 文件 目录 路 径 " 


[name= "对 象 名 站 

[archive= "相关 文件 路 径 忠 

[align= "pottom | top | midale | left | right"] ”// 对 齐 方式 
[height= "displayPixels"] // 高 度 
[widthr "displayPixels"] // 宽 度 
[hspace= "leftRightPixels"] /水 平 间距 
[vspace= "topBottamPixels"] // 垂 直 间 距 


[jreversion= "oava 环 境 版 本 站 
[nspluginurl= " 供 KC 使 用 的 plugin 加载 位 置 "] 
[iepluginurl= " 供 焉 使 用 的 plugin 加载 位 置 "]> 
< jsp:params> 
<jsp:param name= " 湖 数 名 I"” value= " 湖 数 值 1"/> 
<jsp:param name= " 湖 数 名 2"” value= "参数 值 2"/> 


< /jsp:params> 
区 jsp:fallback> 错误 信息 < /jsp:fallback> ] 
< /jsp:plugin> 


plugin 指令 属性 说 明 如 下 。 
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(1) type 一 "bean | applet" 

指定 插件 对 象 的 类 型 是 Bean 还 是 Applet。type 属性 没有 默认 值 , 必 须 指 定 一 个 。 

(2) code 一 "保存 类 的 文件 名 " 

指定 Java 插件 将 要 执行 的 字 节 码 (Java Class) 文 件 的 名 字 , 其 后 级 是 . class, 必须 保 
存在 由 codebase 属性 指定 的 目录 里 。 

(3) codebase 王 "类 文件 目录 路 径 " 

说 明 将 要 被 下 载 的 Java Class 文件 的 目录 (或 是 路 径 ) ,如 果 没 有 提供 该 项 属性 ,默认 
为 使 用 过 jsp :plugin 之 动作 的 JSP 文件 的 路 径 。 

(4) name 一 "对 象 名 " 

Bean 或 Bpplet 实例 的 名 字 。 

(5) archive 二 "相关 文件 路 径 " 

一 些 由 逗号 分 开 的 路 径 名 , 预 装 一 些 将 要 使 用 的 class, 用 来 提高 Applet 的 性 能 。 

(6) align= "bottom | top | middle | left | right" 

对 象 对 齐 方式 。 

(7) height= "displayPixels" width 一"displayPixels" 

将 要 显示 的 Applet 或 Bean 的 长 与 宽 ,以 像素 为 单位 。 

(8) hspace= "leftrightPixels" vspace= "topbottomPixels" 

Applet 或 Bean 显示 时 在 屏幕 左 、 右 、 上 、 下 需要 留 下 的 空间 ,以 像素 为 单位 。 

(9) jreversion 二 "Java 环境 版 本 " 

运行 Applet 或 Bean 所 需要 的 Jave Runtime Environment(JRE) 的 版 本 ,上 默认 值 是 


(10) nspluginurl 王 " 供 NC 使 用 的 plugin 加 载 位 置 " 

Netscape Navigator 能 够 使 用 的 JRE 的 下 载 地 址 , 它 是 一 个 标准 的 URL。 

(11) iepluginurl 二 " 供 下 使 用 的 plugin 加 载 位 置 " 

IE 用 户 能 够 使 用 的 JRE 的 下 载 地 址 , 它 也 是 一 个 标准 的 URL。 

(12) =~jsp:params> 

需要 向 Applet 或 Bean 传送 的 参数 或 参数 值 。 

(13) 一 jsp:fallback 盖 错误 信息 二 /jsp:fallback 盖 

一 段 文字 , 当 Jave 插件 不 能 启动 时 ,这 段 文字 向 用 户 显 示 ;: 如 果 插 件 能 够 启动 而 
Applet 或 Bean 不 能 执行 ,那么 浏览 器 弹出 一 个 错误 信息 。 


3. 应 用 举例 

例 7.11 使 用 jsp:plugin 动作 下 载 名 为 RollingMessage. java 的 Java 小 程序 ,并 在 
applet 中 输出 一 行 滚动 显示 的 文字 "欢迎 学 习 * Web 技术 应 用 基础 "1"。 

ex7-11. jsp 代码 清单 如 下 : 

< $@ page contentType= "text/html; harset= GB2312"%> 

<html><head><title> 用 蚀 世 jsp:pluginggt 加 载 pplet< /title> < /head> 


<body> < center> < font size=3 face=" 呈 书 " color=blvue> 用 tjsp:pluginggt 加 载 pplet< /font> 
<!-- 用 plugin 加 载 applet- -> 
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< jsp:plugin type= "applet" code= "RollingMessage.class" height= "60" width= "550" > 
< /jsp:plugin> < /center> 
< /body> < /html> 


RollingMessage. java 程序 要 先 编译 ,形成 字 节 码 文件 RollingMessage. class, 与 
ex7-11.jsp 文件 存放 在 同一 目录 中 。 
RollingMessage. java 程序 清单 如 下 : 


jmport java.awt.* ; 
jmport java.awt.Color; 
irport java.awt.Font; 
jmport java.awt.Graphics; 
Public class RollingMessage extends java.applet.Applet jimplements Rannable { 
Thread rmThread; 
String s= "欢迎 学 习 "Web 技 术 应 用 基础 "!"; 
int s_length= s.length(); 
int x character= 0; 
Font wordFont= new Font(" 展 体 _GB2312" ，Font.BOLD ,30); 
Public void start() { 
if(rnThread==null){ 
runThread= new Thread (this); 
runThread. start (); 


Public void stop (){ 
if(rmThread!=nu11) { 
runThread.stop(); 
runThread= null; 


} 
Public void run(){ 
while(true) { 
if(x charactert + >s length) 
x Character= 0; 
repaint (); 
try { 
Thread.sleep (300) 7 
} 
catch (InterruptedExoeption e) {} 


} 
public void paint (Graphics g) { 


g.setFont (wordFont); 
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g.setColor (Color.blue); 
g-.drawstring (s.substring(0,x dharacter), 8, 50); 

} 

public static void main (String args[]) { /applicaticn 程序 人 口 
Frame 全 new Frame ("动画 程序 "); // 创 建 plication 程序 框架 
RollingMessage drawTest= new RollingMessage (); 
GrawTest .init (); 
GrawTest..start (); 
f.add ("Center", drawTest); 
£.resize (400, 100); 
£.show(); 


| 全 用 <jsp:plugin> 加 副 Applet - Windows Internet Ex. [ES 攻 二 |] 
| 本 e000x p07/ew7-11jsd "|o| xj 回味 1 
文件 (F)】 编辑 (E) 查看 (V)】 收藏 天 (A) 工具 (T) 帮助 (H} 

地 收藏 夫 ”会 用 <jsp:plugin> 加 载 Applet 
用 <jep:pluginy 加 各 Applet 中 


| 
欢迎 学 习 “Web 技 术 应 用 基础 | 


} 

ex7-11. jsp 代码 的 运行 结果 如 图 7-14 
所 示 , 图 中 的 文字 * 欢 迎 学 习 * Web 技术 应 
用 基础 "1” 水 平 滚动 。 


1 此 


图 7-14 jsp:plugin 动作 应 用 


7.5 jsp:useBean 动作 标记 


为 提高 开发 效率 ,Web 应 用 系统 常 采用 模块 化 开发 方法 ,分 为 数据 层 `. 业 务 逻 辑 层 和 
表示 层 。JavaBean 是 具有 某 种 功能 的 可 以 重用 的 软件 组 件 , 负 责 业 务 逻 辑 处 理 。 使 用 
JavaBean 可 以 使 Web 应 用 系统 的 开发 分 工 明确 ,结构 清晰 ,并 简化 了 JSP 页 面 中 的 Java 
编码 工作 。 


7.5.1 jsp:useBean 动作 标记 的 功能 


JavaBean 是 一 种 可 以 重复 使 用 的 软件 组 件 ,是 用 Java 语言 编写 的 一 种 类 。 类 的 一 个 
实例 称 为 一 个 JavaBean ,简称 bean ,通过 封装 属性 和 方法 成 为 具有 某 种 功能 或 处 理 某 种 
业务 的 对 象 。 一 个 Web 应 用 往往 包括 : 数据 层 . 业 务 逻 辑 层 和 表示 层 , 见 图 7-15。 在 JSP 
页 面 使 用 HTML 标记 制作 用 户 界面 , 即 数据 表示 ,是 页 面 的 静态 部 分 ,不 需要 服务 器 进 
行 处 理 , 由 网 页 设计 人 员 开 发 。 页 面 动态 部 分 的 业务 逻辑 处 理 , 由 Java 代码 片段 .表达 式 
和 变量 声明 等 组 成 ,需要 服务 器 进行 处 理 , 由 Java 程序 员 开 发 。 在 JSP 页 面 使 用 JSP 标 
记 实 现 连接 ,完成 复杂 应 用 的 开发 。 读 者 可 以 把 JavaBean 理解 为 一 个 黑箱 ,只 要 知道 它 
的 功能 和 接口 ,就 可 使 用 。 


7.5.2 jsp:useBean 语法 规则 
jsp:useBean 语法 格式 如 下 : 
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数据 表示 | 。 一-------]| 业务 逻辑 


JSP 页 面 


1 

户 1 
从 服务 器 | 

1 

1 

1 


图 7-15 JSP 页 面 与 JavaBean 


<jsp:useBean id= "bean 实 例 名 "class= "bean 完 整 类 名 " 

scope= "page | request | session | application"> 

< /jsp:useBean> 

jsp:useBean 动作 用 来 装载 一 个 将 要 在 JSP 页 面 中 使 用 的 JavaBean。 它 创建 一 个 
beans 实例 并 指定 其 名 字 和 作用 范围 。 

属性 说 明 : 

(1) id 二 "bean 实例 名 " 

定义 beans 组 件 实例 的 名 字 , 便 于 JSP 页 面 的 Java 代码 使 用 该 名 字 访 问 , 分 辨 不 同 
的 beans。 命 名 必须 符合 所 使 用 的 脚本 语言 的 规定 ,区 分 大 小 写 。 

(2) class 一 "bean 完整 类 名 " 

使 用 new 关键 字 以 及 类 构造 函数 从 一 个 类 中 实例 化 一 个 beans。 这 个 class 不 能 是 
抽象 的 ,必须 有 一 个 公用 的 没有 参数 的 构造 函数 。bean 完整 类 名 区 分 大 小 写 。 

(3) scope= "page |request | session | application" 

该 属性 指定 了 JavaBean 的 作用 域 ,或 称 生命 周期 。JavaBean 只 有 在 指定 的 作用 域内 
有 效 。 默 认 值 是 page, 以 下 是 它 的 详细 说 明 。 

@ page: 当 scope 一 "page" 时 ,bean 作用 域 是 当前 页 ,只 被 当前 页 面 访问 。JSP 页 面 
执行 完毕 后 ,Java 的 垃圾 回收 机 制 将 回收 该 bean, 取 消 分 配给 该 用 户 的 bean, 释 放 bean 
占据 的 内 存 空 间 。Tomcat 为 不 同 的 客户 分 配 不 同 的 bean。 尽 管 不 同 用 户 的 bean 功能 
一 样 ,但 是 它们 占有 不 同 的 内 存 空间 。 

@ request: bean 的 有 效 范围 是 客户 请 求 期 间 。 在 任何 执行 相同 请 求 的 JSP 文件 中 
使 用 该 bean, 直 到 页 面 执行 完毕 向 客户 端 发 回响 应 或 转 到 另 一 个 文件 为 止 。 可 以 使 用 
request 对 象 访 问 该 bean 属性 , 例如, request. setAttributes (name, value)、request. 
getAttributesCname) 。 

@ session: bean 的 有 效 范围 是 客户 的 会 话 期 间 。 如 果 在 一 个 session 期 , 某 个 客户 
访问 了 多 个 页 面 ,这 些 页 面 都 包含 jsp: useBean 标记 ,它们 的 id 值 一 样 , scope 一 
"session" ,那么 ,客户 在 这 些 页 面 中 使 用 的 bean 是 同一 个 bean。 也 就 是 说 ,如 果 客 户 在 
某 个 页 面 中 改变 了 bean 的 某 个 属性 值 ,那么 ,其 他 页 面 的 该 bean 的 该 属性 值 也 发 生 相同 
的 变化 。 注 意 ,创建 bean 的 JSP 文件 的 “二 %@ page % 二 ”指令 中 必须 指定 session 一 
"true" 。 在 客户 关闭 浏览 器 时 ,Tomcat 取消 分 配给 该 客户 的 bean, 释 放 bean 占据 的 内 存 
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空间 。 

当 有 多 个 客户 的 scope 王 "session" 时 ,它们 的 bean 是 不 同 的 ,Tomcat 为 不 同 的 客户 
分 配 不 同 的 bean。 可 以 使 用 session 对 象 访问 bean 属性 ,例如 ,session. setAttributes 
(name,value) .session. getAttributesCname) 。 

@ application: bean 的 有 效 范 围 是 整个 application 生存 期 ,任何 scope 王 
"application" 的 JSP 页 面 都 使 用 同一 bean, 即 所 有 的 客户 共享 一 个 bean。 如 果 有 某 个 客 
户 更 改 了 该 bean 的 某 个 属性 值 ,那么 所 有 客户 的 该 bean 的 该 属性 值 都 发 生 相同 的 变化 ， 
该 bean 一 直到 服务 器 关闭 时 才 被 取消 。 


7.5.3 jsp:useBean 工作 过 程 


当 一 个 包含 useBean 标记 的 JSP 页 面 在 服务 器 端 加 载运 行 时 ,JSP 引擎 根据 useBean 
中 id 属性 指定 的 名 字 ,在 一 个 同步 块 中 ,查找 内 置 对 象 pageContent 中 是 否 包含 该 id 指 
定 的 名 字 和 scope 指定 的 作用 域 的 对 象 。 如 果 该 对 象 存在 ,JSP 引擎 把 这 样 一 个 对 象 分 
配给 用 户 , 用 户 则 获得 一 个 id 属性 指定 名 字 scope 属性 指定 作用 域 的 beans。 


7.5.4 jsp:useBean 应 用 实例 


例 7.12 本 例 说 明了 jsp:useBean 具有 不 同 的 scope 属性 值 的 应 用 。 


1. 任务 要 求 

制作 一 个 简单 的 beans, 用 Java 编写 的 Box 类 ,可 以 设置 长 方 体 的 长 . 宽 、 高 ,并 求 长 
方 体 的 表面 积 和 体积 。 在 JSP 页 面 中 使 用 beans, 并 显示 不 同 scope 属性 值 JavaBean 的 
使 用 范围 。 

2. 字 节 码 文件 的 存放 目录 

在 Web 服务 目录 下 建立 字 节 码 文 件 的 存放 目录 WEB-INF\classes\bean, 由 于 本 章 
例题 存放 在 D:\Tomcat 7. 0\webapps\ex_D07 目录 下 .所 以 本 章 字 节 码 的 存放 目录 是 
D:\Tomcat 7.0\webapps\ex_D07\ WEB-INF\classes\bean。 用 Java 编写 的 立方 体 类 
Box. java 编译 生成 的 字 节 码 文件 Box. class 存放 在 该 目录 下 。 


3. Box. java 


Box. java 代码 清单 如 下 : 


package bean; 
jnmport java.io.* ; 
Public class Box{ 
int length,width, height; 
Public Box () { 
length= 1; 
width=17 
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height= 17 

} 

Public void setlength (int newlength) { 
Jengthr newlength; 

} 

Public void setwidth (int newwidth) { 
WidthF= newwidth; 

} 

Public void setheight (int newheight) { 
height= newheight; 

} 

Public int getlength (){ 
retum length; 

} 

Public int getwidth (){ 
retum width; 


Public int getheight () { 
retum height; 


Public int BoxVolume () { 
retum length* widthx height; 


Public double BoxArea(){ 
retum 2* (lengthx widtht widthx height+ lengthx height); 


} 


Box. java 编译 通过 后 生成 字 节 码 文 件 Box. class, 将 该 字 节 码 文件 存放 在 Tomcat 7. 0\ 
webapps\ex_D07\WEB 一 INF\classes\bean 目录 下 。 


4. scope 一 "page" ,beans 的 有 效 范围 是 当前 页 
在 ex7-12. jsp 页 面 中 ,获得 一 个 id 为 MyBox, 作 用 域 是 page 的 beans, 该 beans 的 生 
命 期 为 当前 页 。ex7-12. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312" %$> 
< $@ page inport= "bean.Box" $> 
<htm> 
<body> 
< jsp:useBean id- "MyBox" scoper "page" class= "bean.Box" > 
< /jsp:useBean> 
< SMyBox.setlength (20) ; $> 
Box 的 长 是 : 
< $=MyBox.getlength() $> 
< $MyBox. setwidth (10); $>< br> 
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Box 的 宽 是 : 
< $=MyBox.getwidth() $> 
< $MyBox.setheight (5); $> < br> 


Box 的 高 是 : 
< $=MyBox.getheight () $><br> 
是 ， 
Box 的 体积 是 : 寅 收藏 夫 De 
< $=MyBox.BoxVolume () $> <br> a 
Box 的 表面 积 是 : 人 下 】 
Box 的 高 是 : 5 本 
Se ni 
< /pody> < /html> 
在 浏览 器 中 的 显示 效果 如 图 7-16 所 示 。 亲人 5 可 用 沿用 page 的 .bennsJSP 村 而 
5S. de 面 共 享 beans 
一 个 用 户 可 以 在 不 同 页 一 个 beans, 其 作用 域 是 session 的 beans。 本 案例 设 


计 是 : 用 户 在 ex7-12_1. ee 2.jsp 页 面 间 ,共享 同一 个 立方 体 beans。 如 果 用 户 
在 其 中 一 个 页 面 中 更 新 了 长 方 体 的 数据 ,那么 刷新 另 一 个 页 面 , 即 可 见 到 更 新 后 的 数据 。 


190 


(1) ex7-12_1. jsp 代码 清单 


< %Q page contentType= "text/html; charset= GB2312" $> 
< $@ page import= "bean.Box" $> 
<html> < body> 
< jsp:useBean id= "MyBox" class= "bean.Box" scope= "session" > 
< /jsp:useBean> 
Box 的 长 是 : 
< $=MyBox.getlength() $> <br> 
Box 的 宽 是 : 
< $=MyBox.getwidth() $>< br> 
Box 的 高 是 : 
< $= MyBox.getheight () $> < br> 
Box 的 体积 是 : 
< $= MyBox.EBoxVolume () $> <br> 
Box 的 表面 积 是 : 
< $= MyBox.BoxArea() $> <br> 
<a href= ex7- 12 2.jsp> ex7- 12 2.jsp< /a> 
< /body> < /html> 


(2) ex7-12_2. jsp 代码 清单 


< $@ page contentType= "text/html; charset= GB2312" $> 
< $@ page inport= "bean.Box" $> 
<html> < body> 
< jsp:useBean jdF "MyBox" soope= "session" class= "bean.Box" > 
< /jsp:useBean> 
Box 的 长 是 : 
< $=MyBox.getlength() $><br> 
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Box 的 宽 是 : 
< $=MyBox.getwidth() $><br> 
Box 的 高 是 : 
< $=MyBox.getheight () $><br> 
Box 的 体积 是 : 
< $=MyBox.BoxVolime () $> <br> 
Box 的 表面 积 是 : 
< $=MyBox.BoxArea() $> <p> 
< $MyBox.setlength (30) ; $> 
修改 后 Box 的 长 是 : 
< $=MyBox.getlength() $> 
< SMyBox. setwidth (20) ; $>< br> 
修改 后 Box 的 宽 是 : 
< $= MyBox.getwidth () $> 
< $MyBox.setheight (10); $> < br> 
修改 后 Box 的 高 是 : 
< $=MyBox.getheight () $><br> 
修改 后 Box 的 体积 是 : 
<%= MyBox.BoxVblume () $> < br> 
修改 后 Box 的 表面 积 是 : 
< $=MyBox.BoxArea () $> <br> 
<a href= ex7- 12 1.jsp> ex7- 12 1.jsp< /a> 
< /body> < /html> 
(3) 代码 在 浏览 器 中 的 显示 效果 
ex7-12_1.jsp 在 浏览 器 中 的 显示 效果 如 图 7-17(a) 所 示 。 单 击 此 图 中 超 链接 ,页面 转 
跳 至 ex7-12_2.jsp, 显 示 长 方 体 的 数据 并 将 其 数值 更 新 ,显示 效果 如 图 7-17(b) 所 示 。 单 
击 此 图 中 的 超 链 接 ,页 面 又 跳 回 ex7-12_1. jsp 页 面 ,如 图 7-17(c) 所 示 , 但 长 方 体 的 数值 已 
被 更 新 。 说 明 用 户 在 ex7-12_1.jsp 和 ex7-12_2. jsp 页 面 间 共 享 一 个 beans。 


钨 http//127.0.0.1:8080_. 


Sa 30/ex_D07/ex7-12 1jsp ~ | 
文件 (F) 编辑 (E) 查看 (V) 收藏 夹 A) ” 


训 收藏 天 个 httpy/127.0.0.1:8.. | 


狗 http://127.0.0.1:8080.. 
铬 | 30/ex_D07/ex7-12 2jsp ~ 


文件 (F) 编辑 (E) 查看 (V) 收藏 夹 A) ” 
入 http://127.0.0.18… 


Box 的 长 是 : 

Box 的 宽 是 : 

Box 的 高 是 : 

Box 的 体积 是 : 1 
Box 的 表面 积 是 : 6.0 
ex7-12 2. jsp 


: 2200.0 


修改 后 Box 的 体积 是 ， 60 
修改 后 Box 的 表面 积 是 。 
exI7-12 1. jsp 


00 
2200.0 


(a) ex7-12_1jsp 运 行 效果 (b) ex7-12_2.jsp 运 行 效果 (c) 再 次 运行 ex7-12_2jsp 


图 7-17 页 面 共享 beansex 


6. scope 一 "application" .不同 用 户 共享 beans 
在 ex7-12_3.jsp 代码 中 创建 了 一 个 id 为 MyBox, 作 用 域 是 application 的 beans。 该 
beans 由 所 有 用 户 共 享 ,直到 服务 器 被 关闭 为 止 。ex7-12_3.jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312" %> 
< $@ page import= "bean.Box" %> 
<html> < body> 
< jsp:useBean id= "MyBox" scope= "application" class= "bean.Box" > 
< /jsp:useBean> 
Box 的 长 是 : 
< $=MyBox.getlength() $><br> 
< $MyBox.setlength (40) ; %> 
修改 后 Box 的 长 是 : 
< %=MyBox.getlength() $><p> 


Box 的 宽 是 : 

< $= MyBox.getwidth () $> 

< $MyBox.setwidth (30); $>< br> 
修改 后 Box 的 宽 是 : 

< %=MyBox.getwidth() $><p> 


Box 的 高 是 : 

< $=MyBox.getheight () $> 

< $MyBox. setheight (20); $> < br> 
修改 后 Box 的 高 是 : 

< $=MyBox.getheight () $><p> 


修改 后 Box 的 体积 是 : 
< $= MyBox.BoxVolume () $> < br> 
修改 后 Box 的 表面 积 是 : 
< $= MyBox.BoxArea () %> 
< /body> < /html> 


第 一 个 用 户 运行 7-12_3. jsp 显示 长 方 体 的 数据 ,然后 更 新 这 些 数据 并 显示 ,效果 如 
图 7-18(a) 所 示 。 其 他 后 续 用 户 运行 7-12_3. jsp 显示 长 方 体 更 新 后 的 数据 ,如 图 7-18(b) 
所 示 。 

7. 创建 类 实例 应 用 beans 

例 7.13 本 例 (ex7-13.jsp) 的 运行 效果 与 ex7-12. jsp 的 运行 效果 是 一 样 的 。 

在 ex7-12.jsp 页 面 中 ,使 用 以 下 语句 创建 名 为 MyBox 的 beans: 


< jsp:useBean id= "MyBox" scope= "page" class= "bean.Box" > 
< /jsp:useBean> 


在 ex7-13. jsp 代码 中 使 用 语句 : 二 % Box MyBox 一 new Box();% 记 ,创建 名 为 MyBox 
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http//127.0.01.50. EGG 
GO 个] 30/ex_D07/ex7-12_3jsp| 

文件 (F) 编辑 (E) 查看 (V) 收藏 只 (A ” 
总 收藏 夹 @ http://127.0.0.1.8. 


Box 的 长 是 : 40 
修改 后 Box 的 长 是 : 40 修改 后 Box 的 长 是 : 40 
Box 的 宽 是 : 1 Box 的 宽 是 : 30 
修改 后 Box 的 宽 是 : 30 修改 后 Box 的 宽 是 : 30 
Box 的 高 是 : 1 Box 的 高 是 : 20 


修改 后 Box 的 高 是 : 20 修改 后 Box 的 高 是 : 20 


修改 后 Box 的 体积 是 : 24000 
修改 后 Box 的 表面 积 是 : 5200.0 


修改 后 Box 的 体积 是 : 24000 
修改 后 Box 的 表面 积 是 : 5200.0 


(a) 第 一 个 用 户 访问 ex7-12_3.jsp ”(b) 第 二 个 用 户 访问 ex7-12_3.jsp 
图 7-18 不 同 用 户 共 享 beans 


的 beans。 
ex7-13. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312"%> 
< %Q@ page jmport= "bean. * " %> 
< html> < body> 
< $Box MyBox= new Box ();$> 
< $MyBox.setlength (20) ; $> 
Box 的 长 是 : 
< $= MYBox.getlength () %> 
< $MyBox.setwidth (10); %>< br> 
Box 的 宽 是 : 
< $=MyBox.getwidth () %> 
< $MyBox.setheight (5); $> < br> 
Box 的 高 是 : 
< $= MyBox.getheight () $> < br> 
Box 的 体积 是 : 
< $=MyBox.BoxVolime () $><br> 
Box 的 表面 积 是 : 
< $=MyBox.BoxArea() $> 
< /body> < /html> 


7.5.5 设置 和 获取 beans 属性 值 


在 JSP 页 面 使 用 jsp:useBean 动作 或 new 关键 字 创 建 JavaBean 的 实例 后 ,该 实例 就 
可 以 调用 bean 中 的 方法 ,设置 或 获得 bean 的 参数 ,或 执行 其 他 需要 的 操作 。 也 可 以 在 
JSP 页 面 中 使 用 jsp:setProperty 和 jsp:getProperty 动作 设置 或 获得 bean 的 属性 值 。 使 
用 jsp:setProperty 动作 在 JSP 页 面 中 设置 JavaBean 对 象 的 属性 ,使 用 jsp: getProperty 
动作 将 JavaBean 对 象 属 性 值 转化 为 一 个 字符 串 , 放 入 内置 输出 对 象 ,并 输出 显示 。 
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1. jsp:setProperty 动作 

(1) jsp:setProperty 动作 的 功能 

用 来 设置 beans 中 的 属性 值 。 

(2) jsp:setProperty 动作 的 语法 规则 


<jsp:setProperty name= "beans 的 名 字 "property- "beans 的 属性 "alue= "< $=expression%s>"/> 


<jsp:setProperty name= "bean 的 名 字 " property= "bean 的 属性 " parame "请 求 参 数 名 "/> 


<jsp:setProperty name= "bean 的 名 字 " property= "bean 的 属性 " param="* "/> 


(3) 属性 说 明 

Q@ name 一 “beans 的 名 字 ”: 指定 设置 哪个 bean 的 属性 值 , 是 在 “一 jsp:useBean 之 ” 
中 创建 的 bean 实例 名 ,一 jsp:setProperty 二 中 的 name 的 值 应 当 和 二 jsp:useBean 二 中 id 
的 值 相同 。 

@ property 二 “beans 的 属性 ”: 是 要 设置 的 bean 属性 名 。 

@ value 王 ?一 %% 王 expression% 之 ”: 储存 用 户 在 JSP 中 输入 的 属性 值 ,可 以 是 表达 
式 , 也 可 以 是 字符 串 。 

@ param 一 “请 求 参数 名 ”: 用 请 求 参数 设置 bean 属性 值 。 

Q@ param 一 “*”; 把 所 有 请 求 参 数 赋 给 bean 实例 中 对 应 的 同名 属性 。 

(4) 使 用 说 明 

二 jsp:setProperty 过 使 用 beans 给 定 的 set XXX() 方 法 ,在 beans 中 设置 一 个 或 多 个 
属性 值 ,在 使 用 该 动作 前 必须 使 用 二 jsp:useBean 二 声明 此 beans。 志 jsp:useBean 之 和 
二 jsp:setProperty 二 是 相互 关联 的 ,所 jsp:setProperty 二 中 的 name 的 值 应 当 和 所 jsp， 
useBean 过 中 id 的 值 相 同 。 

使 用 "jsp:setProperty 盖 ”来 设 定 属性 值 时 ,可 以 使 用 多 种 不 同 的 方法 。 例 如 

@ 在 运行 时 使 用 表达 式 或 字符 串 设 置 bean 的 属性 值 。 

@ 通过 客户 表单 输入 ,使 用 param 二 “请 求 参 数 名 ”设置 bean 的 属性 值 。 

@ 通过 客户 表单 输入 ,使 用 param 一 “x ”设置 bean 的 属性 值 。 


2. jsp:getProperty 动作 

(1) jsp:getProperty 动作 的 功能 

使 用 jsp:getProperty 获取 beans 的 属性 值 ,并 把 它们 在 JSP 页 面 中 显示 出 来 。 
(2) jsp:getProperty 动作 的 语法 规则 


<jsp:getProperty name= "beans 的 名 字 " property= "beans 的 属性 "/> 


<jsp:getProperty name= "bean 的 名 字 " property= "bean 的 属性 "> 
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< /jsp:getProperty> 

OO name 一 “bean 的 名 字 ”: 指定 获得 哪个 bean 的 属性 值 。 

@ property 一 “bean 的 属性 ”: 指定 要 获得 哪个 属性 的 属性 值 。 

例如 ,语句 二 jsp: getProperty name 一 "Cbookbean" property 一 "bookName" /二 , 获 
得 了 bean 名 为 "Cbookbean" 的 、 属 性 名 为 "bookName" 的 属性 值 。 

注意 : 要 先 使 用 jsp:useBean 动作 或 new 关键 字 创 建 JavaBean 实例 ,然后 方 可 使 用 
jsp:setProperty 动作 或 jsp:getProperty 动作 设置 或 获得 bean 的 属性 值 。 


7.6 JSP 中 文 乱码 现象 处 理 


使 用 JSP 技术 开发 应 用 程序 时 常会 遇 到 中 文 乱码 的 麻烦 。 这 是 由 于 Java 平台 运行 
时 使 用 Unicode 编码 ,对 接受 到 的 任何 字符 数据 ,都 按 Unicode 编码 转换 。 在 实际 应 用 
中 ,如 果 浏 览 器 和 服务 器 运行 在 不 同 编码 方式 上 ,浏览 器 发 送 请 求 时 ,没有 指明 字符 所 用 
的 编码 , 按 系统 默认 编码 方式 发 送 数据 ,而 服务 器 解释 字符 时 也 按 系 统 默认 方式 去 转换 ， 
双方 编码 方式 不 一 致 ,就 容易 发 生 乱码 现象 。 所 以 ,乱码 与 浏览 器 的 编码 设置 .使 用 的 操 
作 系 统 及 Java 内 部 的 编码 机 制 都 有 关 。 一 般 可 以 从 以 下 四 个 方面 来 解决 乱码 问题 。 


7.6.1 指定 page 指令 的 contentType 值 

在 JSP 文 件 的 开始 把 指令 标记 page 属性 contentType 的 值 设 为 contentType 王 
"text/html; charset 二 GB2312" ,语句 如 下 : 

< %@ page contentType= "text/html; charset= GB2312"%> 
或 

< $@ page contentType= "text /html; charset= GEK"S> 


GBK 是 “国家 标准 编码 扩展 "(Guo Biao Kuo Zhan) 汉 语 拼音 的 缩写 ,是 GB2312( 简 体 中 
文字 符 编码 ) 的 扩展 , 它 包含 简体 中 文 .繁体 中 文 .日 文 .韩文 等 字符 。 本 章 许 多 程序 都 指定 
了 page 指令 的 contentType 值 , 读 者 可 以 试 试 删除 contentType 属性 值 ,查看 乱码 现象 。 


7.6.2 输入 文字 采用 ISO-8859-1 编码 


在 计算 机 内 每 8 位 (bit) 组 成 1 个 字 节 (byte) , 字 节 是 计算 机 处 理 的 基本 单元 。Java 
内 部 字符 采用 16 位 的 (2 字 节 )Unicode 码 。 在 Windows 平台 上 ,Java 读 和 字符 串 时 ,把 
字符 串 中 的 每 个 字 节 转换 成 Unicode 码 表 示 ,1 个 字 节 变 成 了 2 个 字 节 ,所 以 一 个 2 字 节 
的 汉字 ,就 变 成 了 2 个 Unicode 字符 (4 字 节 )。 如 果 把 读 入 的 数据 再 写 人 另 一 个 文件 ， 
Java 就 会 把 每 个 Unicode 字符 转换 成 单字 节 字 符 ,2 字 节 变 成 了 1 个 字 节 ,乱码 就 出 现 
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了 。 在读 入 时 单字 节 字 符 变 成 2 字 节 Unicode 字符 时 ,加 了 一 个 高 字 节 ;在 输出 时 
Unicode 字符 要 删除 高 字 节 , 变 成 单字 节 字 符 , 非 常 容易 引起 混乱 。ISO-8859-1 编码 对 
ASCII 进行 了 扩展 ,使 用 8 位 二 进 制 表 示 一 个 字符 ,正好 一 个 字 节 ,每 个 字 节 解释 为 一 个 
字符 ,所 以 只 要 把 输入 的 文字 转换 成 ISO-8859-1 编码 就 可 以 解决 问题 。 这 也 是 比较 彻底 
的 解决 方法 。 

具体 解决 方法 是 ,输入 字符 串 采 用 ISO-8859-1 编码 ,并 把 编码 存 入 一 个 byte 型 数组 
中 ,再 把 数组 转化 成 字符 串 对 象 。 使 用 格式 如 下 。 


<$Q page contentType= "text/html; charset= GB2312"%> 


< $String str= request .getParameter ("myName"); 
byte a[]= strt .getBytes ("TS0- 8859- 1"); 
Str= new String(a); 

%> 


例 7.14 采用 ISO-8859-1 编码 使 表单 输入 的 汉字 正确 显示 。 本 例 包含 两 个 程序 
ex7-14. html 和 ex7-14. jsp。ex7-14. html 页 面 上 有 一 个 表单 ,包含 两 个 控件 ,输入 姓名 文 
本 框 和 提交 按钮 。 客 户 输入 姓名 后 ,提交 表单 ,表单 信息 交 ex7-14. jsp 程序 处 理 。 
ex7-14.jsp 显示 客户 输入 信息 。ex7-14. html 代码 清单 如 下 : 


<htm><head><title> 乱 码 处 理 < /title> < /head> 
< body> 
< form action= "ex7- 14.jsp" method= post name= myForm> 
< font size= 4 face= '" 展 体 必 输入 姓名 : < /font> 
< input type= "text" name= "myName"> < p> 
< input type= submit value=" 提交 姓名 " name= "mySub"> 
< /fom> 
< /body> < /html> 


ex7-14. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312"%> 

<htm><head>< title> 乱码 处 理 < /title> < /head> 

<body> 

< %String namContent= request .getParameter ("myName") ; 
byte a[]= namContent .getBytes ("ISO- 8859- 1"); 
namContent= new String (a); 

%> 

< $= namContent%> 

< font size=4 faoe= 楷体 必 你 好 !< /font> <p> 

< $string subValue= request .getParameter ("mySub"); 
byte b[]= subValue.getBytes ("ISO- 8859- 1"); 
SubValuer= new String (bp); 

%> 

< font size= 4 face= 吴 体 心 提交 按钮 面值 : < /font> 
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< $= SubValues> 
< /body> < /html> 


ex7-14. html 和 ex7-14. jsp 在 浏览 器 中 的 显示 效果 如 图 7-19(a) 和 图 7-19(b) 所 示 。 
删除 ex7-14. jsp 程序 中 的 乱码 处 理 语句 后 ,显示 如 图 7-19(c) 所 示 。 
全 乱码 处 理 - Windows 1 EDEEE 王 


人 有 四 80/ex_D07/ex7-14.html = 
.文件 (F) 编辑 (E) 查看 (V) 收藏 夹 (A) ” 


全 乱码 处 理 - Windows 1.. el 是 


Ts0/e D07/e-14jsp ~ 
文件 (F) 编辑 (6 查看 (V) 收藏 夹 (A) ” 


3080/ex_D07/ex7-14jsp ~ 


文件 (F) 编辑 (E) 查看 (V) 收藏 来 (A) ” 
言 收藏 夹 网 乱码 处 理 言 收 藏 夹 罗 乱 码 处 理 遍 收 藏 夹 网 乱码 处 理 
输入 姓名 : 绪 三 张 三 你 好 ! 
提 文 姓名 提交 按钮 面值 : 提交 姓名 提交 按钮 面值 : ?6?3??3??2 
一 一 一 一 一 = = 
(a) ex7-14.html 


(b) ex7-14.jsp 


图 7-19 ISO-8859-1 编码 处 理 中 文 


(c) 删除 乱码 处 理 语 名 后 


7.6.3 接收 和 响应 请 求 前 指定 编码 GB2312 


1. 在 接收 表单 数据 前 指定 编码 

设置 接收 表单 数据 的 编码 格式 为 GB2312, 防 止 数据 读 入 中 文 乱码 ,可 使 用 语句 : 

request .setCharacterFEncoding ("GB2312"); 
如 例 7-10 中 程序 ex7-10_1. jsp .ex7-10_2.jsp 和 ex7-10_3.jsp 中 的 第 2 行 语句 : 

< $request .setCharacterFncoding ("GB2312") ;%> 
如 果 读 者 删除 这 三 个 程序 中 的 该 条 语句 ,就 会 出 现 乱 码 现象 。 

2. 在 响应 输出 前 指定 编码 

设置 响应 输出 的 编码 格式 为 GB2312, 防 止 输出 中 文 的 乱码 ,可 使 用 语句 : 


response.setContentType ("text/html; harset= GB2312"); 


7.6.4 修改 Tomcat 配置 文件 


当 表 单 以 get 方式 传递 中 文 信息 时 ,除了 在 接收 数据 前 指定 编码 为 GB2312 外 ,还 需 
要 修改 Tomcat 的 配置 文件 server. xml。 在 Tomcat 目录 的 conf 文件 夹 下 找到 并 打开 
server. xml 配置 文件 ,在 Connector 标记 中 加 入 如 下 属性 : 

useBodyEncodingforURI= "true" URIEncoding= "GB2312" 


在 server. xml 文件 中 代码 段 如 下 : 


<Connector port="8080" protocol= "HITP/1.1" 


connectionTimeout= "20000" 
redirectPort= "8443" 


useBodyFncodingforURI= "true"” URIFnNCoding= "GB2312"/> 
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例 7.15 程序 ex7-15.jsp 在 地 址 栏目 中 输入 中 文 名 字 , 使 用 get 方法 传输 并 显示 出 
来 。ex7-15. jsp 代码 清单 如 下 : 


< %@ page inport= "java.unit. * " oontentType= "text/html; charset= CEK" $> 
< Srequest..setCharacterEncoding ("GB2312"); 
String str; 
Str= request .getParameter ("name"); 
3%> 
<htm><head> <title> get 方 式 传输 中 文 信息 < /title> < /head> 
<body> 
<% 
(str!= null){ 
%> 
< center>< font face= " 展 体 " size=5 color=blue> 你 好 ! 我 是 : < 和 strs>< /font> < /center> 
<% 
Jelse{ 
%> 
请 在 地 址 栏目 输入 姓名 :?name= 
<%}%> 
< /body> < /html> 


ex7-15.jsp 在 浏览 器 中 显示 效果 如 图 7-20(a) 所 示 。 如 果 没 有 修改 配置 文件 
server. xml ,提交 数据 后 显示 如 图 7-20(b) 所 示 ,会 出 现 乱码 。 修 改 配置 文件 server. xml， 
提交 数据 后 ,正确 显示 中 文 , 如 图 7-20(c) 所 示 。 


人 get 方 式 传输 中 文 信息 - Windo -| 


GO- /ex7-15jsp?name= 张 导 | |X|| 


| 文件 (F) 编辑 (E) 查看 (V) 收藏 夹 (A) 工具 (T) “ 
| 评 收 大 天 “| 网 get 方 式 传输 中 文 信息 


你 好 ! 我 是 : ?9939 加 


全 get 方 式 传输 中 文 信息 - Windo.. 记 二 本 是 之 二 
网 /ex7-15jsp?name= 张 = ~| |X| 
文件 (F) 编辑 (E) 查看 (V) 收藏 严 (A) 工具 (T) ” 
高 收藏 只 | 匀 get 方 式 传输 中 文 信息 


你 好 ! 我 是 : 张 三 加 


请 在 地 址 栏目 输入 姓名 : ?name= 


(a) 以 get 方 式 传输 中 文 (b) 没有 修改 配置 文件 会 出 现 乱 码 (0) 修改 配置 文件 后 正确 显示 中 文 
图 7-20 修改 Server. xml 文件 正确 显示 中 文 


7.7 JSP 中 变量 作用 域 


JSP 以 多 线程 方式 工作 ,变量 的 作用 域 与 线程 有 关 。 在 JSP 可 以 有 三 种 方法 声明 变 
量 : 在 方法 内 部 声明 ,在 标记 二 %…% 二 之 间 声 明 ( 即 Java 代码 片段 ) 和 在 标记 二 %! 
…% 二 之 间 声 明 。 它 们 的 作用 域 是 不 同 的 。 

1. 方法 内 的 局 部 变量 

在 方法 内 声明 的 变量 ,只 在 该 方法 的 后 续 部 分 有 效 。 调 用 方法 时 为 它 分 配 内 存 空 间 ， 
调用 完毕 , 即 释放 该 内 存 。 
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2. Java 代码 片段 内 局 部 变量 

在 标记 二 %…% 二 之 间 声 明 的 变量 是 Java 程序 片 局 部 变量 或 JSP 页 面 局 部 变量 。 
该 局 部 变量 的 生存 期 是 一 个 线程 。 当 多 个 客户 请 求 同 一 个 JSP 页 面 时 ,JSP 引擎 为 每 个 
客户 启动 一 个 线程 ,并 为 每 个 客户 的 代码 片段 局 部 变量 分 配 各 自 的 内 存 空 间 。 如 果 某 个 
客户 关闭 请 求 ,该 客户 的 线程 就 停止 了 , 它 的 代码 片段 局 部 变量 内 存 空间 也 释放 了 。 


3. JSP 页 面 全 局 变量 
在 标记 二 %! …% 二 之 间 声 明 的 变量 是 JSP 页 面 的 全 局 变量 ,生存 期 是 整个 JSP 页 
面 。 所 有 的 客户 共享 全 局 变量 ,服务 器 关闭 后 才 释 放 全 局 变量 的 内 存 空 间 。 


4. 变量 作用 域 使 用 案例 
例 7.16 在 程序 ex7-16.jsp 中 ,变量 num 和 时 间 对 象 MyDate 在 二 %! …% 二 之 间 
声明 ,是 全 局 变量 。num 用 以 统计 页 面 访问 人 数 ,MyDate 对 象 存储 第 一 位 客人 的 访问 时 
间 ,生存 期 是 整个 JSP 页 面 。 变 量 str 在 Java 代码 片段 中 声明 ,是 局 部 变量 ,用 来 保存 客 
户 姓名 ,生存 期 是 一 个 线程 。 当 客户 王 五 访问 在 java 人 t 码 片段 中 定 在 <961 和 9%6> 之 间 定 义 
页 面 时 ,JSP 引擎 为 王 五 启动 一 个 线程 ,并 为 变 “ 义 客户 自 有 局 部 变量 。 ”客户 共享 全 局 变量 
量 str 开辟 内 存 空间 存放 姓名 王 五 ,同时 全 局 变 (年 "线程 中 [下 
量 num 加 1。 如 果 客 户 李 四 访问 同一 页 面 ,JSP MyDate 
引擎 为 李 四 再 启动 一 个 线程 ,并 为 李 四 的 str 变 (< 千 p" 弘 要 [字面 
量 开辟 另 一 空间 存放 姓名 李 四 , 同 时 全 局 变量 
num 再 加 1, 如 图 7-21 所 示 。 图 7-21 全 局 变量 和 局 部 变量 
ex7-16. jsp 程序 清单 如 下 : 


< $@ page jmport= "java.util. * " coontentType= "text/html;harset= GBK"%> 
<html>< head> < title> JSP 变 量 作 用 域 < /title> < /head> 
<body> 
< SString str; //java 代 码 片 段 内 局 部 变量 str 
Str= request .getParameter ("name"); 
%> 
< 
if(str!=nu11){ 
%> 
<$!int nu 0;String strl, str2; %> // 全 局 变量 mm 
<%strl= str+": 你 好 ! 你 是 第 "; str=" 位 访问 本 站 点 的 客人 。"; 
Dumr 十 地 
%> 
< font size= "4" color=blue> 
<%= strls><$%=nm>< $= Str2%> 
</font><p> 
<%!Date MyDate= new Date () ;%> // 全 局 变量 Mypate 
< font size= "4" color=blue> 


第 一 位 客人 访问 时 间 是 : < 和 Mypate.taIocalestring()s> < /font> 
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< 
Jelse{ 
> 
请 在 地 址 栏目 输入 姓名 :?name= 
<$}%> 
< /body> < /html> 


ex7-16. jsp 程序 的 显示 效果 如 图 7-22 所 示 。 


傅 JSP 变 量 作用 域 - Windows Internet Expl... Ee 证 

鲍 回 -> 园 /ex7-16jsp?name= 天 -| *|X| 梧 
客户 文件 (F) 编辑 (E) 查看 (V) 收藏 夹 (A) 9 帮助 (H) 
王 五 局 剖 | 去 收 B 天 网 JSP 变 量 作用 域 


变量 str 值 仆 王 五 : 你 好 ! 你 是 第 1 位 访问 本 站 点 的 客人 。 
“ee 


第 一 位 客人 访问 时 间 是 : 2013-5-9-21:13:17 


= x 


优 JSP 变 量 作用 域 - Windows Internet Expl... 

国 回 -网 /ex7-16jsp?name= 地 -||X|| 加 org 

客户 文件 (F) 编辑 (E) 查看 (V) 收藏 夹 (A) IO 帮助 (H) 
李 四 局 部 | 训 收藏 夹 “[ 沿 JSP 变 量 作用 域 
变量 str 值 “ 炸 李 四 : 你 好 ! 你 是 第 6 位 访问 本 站 点 的 客人 。 
第 一 位 客人 访问 时 间 是 ，2013-6-2 21:13:17 


全 局 变量 num 值 
图 7-22 全 局 变量 与 局 部 变量 


7.8 JSP 指令 与 动作 标记 的 应 用 一 一 读者 选 购 图 书 


1. 功能 介绍 

例 7.17 读者 选 购 图 书 的 应 用 ,其 中 包含 了 三 个 程序 。 

ex7-17. html: 读者 选择 图 书 的 界面 , 见 图 7-23, 读 者 在 界面 内 选择 需要 的 图 书 和 数量 ， 
单 击 确定 按钮 后 ,将 信息 发 送 给 ex7-17. jsp。 TN 

ex7-17. jsp: 接收 ex7-17. html 的 信息 ,使 ”@ 国 -= 鸭 s0ex p07/ex7-17html] 9|X|| 国 2 
用 jsp: useBean 动作 创建 名 为 book 的 beans i Et et) 
组 件 。ex7-17. jsp 使 用 jsp: setProperty 动作 
在 beans 中 设置 属性 值 。 

BookBean. java: 是 JavaBean ,将 它 编译 成 
字 节 码 文件 BookBean. class 存放 在 Tomcat 
7.0\webapps\ex_D07\ WEB— INF\classes\ 图 7-23 读者 选择 图 书 
bean 目录 下 。 


2. ex7-17. html 代码 清单 


<html><head><title> 图 书 订购 < /title> < /head> 
< body> < center> 
< font size= "5" face= 中 书 " color= 啡 0000ff"> 请 选择 图 书 </ftont></center><hr> 
< form method= "post" action= "ex7- 17.jsp"> 
<div alignr "center"> < font size= 少 


书 名 : 
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< select name= "bockName> 
<cption value= "C++ 语言 程序 设计 " selected> cr+ 语 言 程 序 设 计 < /opticn> 
<aqpticn value= "Google 搜 索 从 入 门 到 精通 "> Google 搜 索 从 入 门 到 精通 < /apticn> 
<cpticn value= "现代 英语 教程 学 习 辅 导 C)"> 现 代 英 语 教 程 学 习 辅 导 C)< /aption> 
<cption value= "火星 的 故事 "> 火星 的 故事 < /option> 
< option value= "考研 英语 听力 模拟 试题 "> 考研 英语 听力 模拟 试题 < /option> 
< option value= "WIO 与 中 国 基础 教育 发 展 ">Wro 与 中 国 基础 教育 发 展 < /option> 

< /select> 

数量 : 

< select name= "bookNum"> 
< option value= "1"selected> 01< /cption> 
< option value= "2"> 02< /option> 
< option value= "3"> 03< /option> 
< option value= "4"> 04< /option> 
< option value= "5"> 05< /cption> 
< option value= "6"> 06< /cption> 

</select><p> 

<input type= "submit" value=" 确 定 " name= "submit"> 

< input type= "reset" value=" 清 除 " name= "reset"> 

</div> 
< /fom> 
< /body> < /html> 


3. ex7-17. jsp 代码 清单 


< $@ page contentType= "text/html; charset= GB2312" $> 
< $request..setCharacterEncoding ("GB2312") ; $> 
< $@ page import= "bean.BookBean" $> 
< jsp:useBean id= "book" class= "bean.BookBean" scope= "request" > 
< jsp:setProperty name= "book" property= "bookName" /> 
< jsp:setProperty name= "book" property= "bookNum" /> 
< /jsp:useBean> 
<html><head>< title> 图 书 订购 < /title> < /head> 
<body> < center> < font size="5" face= 中 书 "color= 哇 0000ff"> 订 购 图 书 清单 </font>< /center> 
<br> 
<div align= "oenter"> < font size= "4"> 
书 名 : < $=book.getBookName ()%$>< BR> 
数 量 : <s=book.getBockNum(0s><EE> 
< /font> 
< /div> 
< /body> < /html> 


4. BookBean. java 代码 清单 
Package bean; 
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jmport java.io.x 7 
Public class BookBean{ 
private String BookName= "7 
Private int BookNne 1; 
Public BookBean () { 
} 
Public void setBookName ( String BookName ) { 
this.BookName= BookName; 
} 
Public String getBookName () { 
retum this.BookName; 
} 
public void setBookNum( int BookNum ) { 
} 


public int getBookNum(){ 全 图书 订购- Windows Internet Explorer 午 ee 
人 售 国 5 国 htpyl270018080e -| 9|x| 回 ww 


文件 (F) 编辑 (E) 查看 (V)】 收藏 夹 (A) 工具 (帮助 (H) 
痪 收藏 夫 ”[ 峡 图 撑 J 购 


} 


, 订 购 国 书 清 单 


5. 运行 结果 和 

在 浏览 器 中 运行 ex7-17. html, 在 表单 中 
输入 数据 , 单 击 “ 确 定 "按钮 ,信息 处 理 后 在 浏 
览 器 中 显示 运行 结果 如 图 7-24 所 示 。 


小 结 


1. JSP 页 面 是 在 服务 器 端 运行 的 ,必须 以 发 布 方式 浏览 的 动态 网 页 。 第 一 次 运行 
JSP 页 面 ,需要 要 经 过 翻译 、 编 译 和 执行 三 个 阶段 。 通 过 翻译 JSP 代码 转换 为 Servlet 代 
码 , 然 后 编译 生成 字 节 码 文件 ,最 后 执行 字 节 码 文件 ;以 后 再 运行 时 直接 运行 字 节 码 文件 
就 可 以 了 ,所 以 具有 和 较 高 的 运行 效率 。 

2. JSP 页 面 的 主要 元 素 有 : HTML 标记 、JSP 标记 、Java 程序 片 、 表 达 式 、 声 明和 注 
释 。JSP 标记 界定 在 “二 %” 和 “% 宇 ”之 间 。 

在 “二 %!1” 和 “% 二 ”之 间 声 明 的 变量 是 成 员 变 量 ,也 称 全 局 变量 。 在 “二 %” 和 “% 二 ” 
Java 代码 片段 中 声明 的 变量 是 局 部 变量 。 

3. JSP 页 面 常 使 用 三 种 JSP 标记: JSP 指令 标记 、 动 作 标记 和 自 定义 标记 。JSP 指 
令 在 翻译 阶段 提供 全 局 变量 或 静态 引入 资源 ,JSP 动作 在 执行 阶段 为 页 面 提供 搬 件 或 动 
态 引 入 资源 。 

4. page 指令 具有 多 个 属性 。 属 性 定义 JSP 页 面 的 全 局 变量 , 除 import 外 其 他 属性 
只 能 赋值 一 次 。import 属性 导入 Java 类 和 包 , 导 入 多 个 类 或 包 时 用 有 逗 号 分 开 。include 
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指令 在 翻译 阶段 静态 嵌入 文件 ,合并 后 新 文件 要 符合 JSP 页 面 的 语法 规则 ,页 面 运行 速 
度 较 快 。 为 提高 代码 重用 性 ,开发 人 员 可 自 定 义 标记 ,做 成 tag 文件 ,由 taglib 指令 标记 
调用 。 

5. include 动作 在 执行 时 动态 插入 资源 ,处 理 灵 活 。forward 动作 实现 请 求 转发 。 
param 把 参数 传递 到 插入 或 转发 的 文件 中 。plugin 动作 插入 Java 小 应 用 程序 (Applet) 
或 JavaBean 组 件 。 

6. 在 JSP 页 面 中 ,可 能 发 生 中 文 乱码 现象 。 正确 应 用 二 %@ page contentType 一 
"text/html; charset 二 GB2312"% 放 语句 ,输入 文字 采用 ISO-8859-1 编码 ,接收 数据 前 指 
定编 码 为 GB2312, 当 表单 以 get 方式 传递 中 文 信息 时 修改 配置 文件 Server. xml, 就 可 以 
解决 中 文 乱码 的 问题 。 


习题 上 机 练习 与 实 训 7 


一 、 选 择 题 
1. 文件 book. jsp 的 位 置 是 D:\Tomcat 7. 0\webapps\bookshop\book. jsp, 在 浏览 
器 地 址 栏目 输入 以 下 ( ) 内 容 可 以 浏览 该 网 页 。 
A. http://localhost:8080/ book. jsp 
B. http://localhost:8080/bookshop/book. jsp 
C. D:\Tomcat 7.0\webapps\bookshop\book. jsp 
D. http://localhost:8080/ROOT/book. jsp 
2. 有 一 段 代码 如 下 : 
< 名 
for( int i=4; i>1; i-—) 
out.printin( <hrti+ 吃 你 好 !1< /hm+ i ">" ); 
$%> 
在 客户 端 浏 览 器 源 文件 见 到 的 代码 段 是 ( ks 
A. 二 h2 二 你 好 !</h2 二 
二 h3 二 你 好 !<=/h3 二 
二 h4 二 你 好 ! 二 /h4 二 
B. for(int i 一 4; i>1; i 一 ) 
out. println(" 你 好 !"); 
C. 二 h4 二 你 好 ! 二 /h4 二 
二 h3 二 你 好 ! 二 /h3 二 
th. </h2> 
D. 你 好 
你 好 
你 好 
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. 以 下 四 行 注释 代码 运行 后 ,在 客户 段 浏览 器 查看 源 文 件 时 能 见 到 的 注释 是 ( Ns 
A. 二 1!-- 今 天 是 : 二 % 二 (new java. util. Date()). toLocaleString() % 二 -> 
B. 所 外 -- 今 天 是 : 二 % 二 (new java. util. Date()). toLocaleString() % 记 --% 二 
C. 二 % //for 循环 % 二 
D. 二 % /x x* for 循 环 */ % 二 
. JSP 页 面 上 有 语句 ,二 % String str 二 " 你 好 !1"; % ,语句 是 ( 。 )。 
A. 表达 式 B. 注释 C. 指令 D. 脚本 元 素 
.以 下 叙述 ( ) 是 正确 的 。 
A. JSP 动作 标记 为 JSP 页 面 提供 全 局 变量 。 
B. JSP 指令 标记 在 执行 阶段 插入 文件 。 
C. JSP 动作 标记 动态 插入 文件 。 
D. JSP 指令 标记 动态 髋 入 文件 。 
.以 下 正确 的 代码 段 是 ( Ys 
A. <%@ page contentType= "text/html;charset=GBK"%> 
二 %@ page info 二 "欢迎 登录 本 系统 1"% 二 
<%@ page import= "java. util. Date" %> 
HUQ page import= "java. io. * "%> 
二 %@ page info 二 "客户 登录 页 面 "% 二 
B. <%@ page contentType = " text/html , application/msword; charset = 
GBK"%> 
所 %@ page import= "java. util. Date" %> 
二 %@ page info 二 "客户 登录 页 面 "% 放 
C. <%@ page contentType= "text/html, charset=GBK"%> 
所 外 @ page import= "java. util. Date" %> 
WU page import= "java. io. * "%> 
二 %@ page info 二 "客户 登录 页 面 "% 放 
D. <%@ page contentType= "text/html;charset=GBK"%> 
<%@ page import= "java. util. Date" %> 
<%@ page import= "java. io. * "%> 
二 %@ page info 二 "客户 登录 页 面 "% 才 
.test. jsp 文件 和 当前 页 面 在 同一 目录 下 ,并 且 是 可 用 的 。 以 下 正确 的 代码 段 是 


A. <%@ page contentType= "text/html;charset=GBK"%> 
<W%@ page Import= "java. util. Date" %> 
HE@ page Import= "java. io. * "%> 
<%@ include file= "test. jsp" %> 

B. <%@ page contentType= "text/html;charset—=GBK" %> 
WU page import= "java. util. Date" %> 
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WU page import 一 "java. io. * "%> 
UE@ include file= "test. jsp" %> 
C. UE@ page contentType= "text/html;charset=GBK"%>> 
WU%@ page import= "java. util. Date" %> 
WU%@ page import= "java. io. * "%> 
=% include file= "test. jsp" %> 
D. =<%@ page contentType= "text/html;charset=GBK"%> 
<%@ page import= "java. util. Date;java. io. * " %> 
二 %Q@ include file= "test. jsp" %> 
8. 自 定 义 标记 tag 文件 top. tag 存放 在 “Web 服务 目录 \WEN-INF\tags” 目 录 下 , 调 
用 top 标记 的 当前 页 面 test. jsp 存放 在 Web 服务 目录 下 ,以 下 正确 的 代码 段 是 ( 5 
A. <%@ taglib tagdir 一 "/WEB-INFVtags" prefix 一 "bookTop" %> 
= bookTop: top/> 
B. <%@ taglib tagdir="/WEB-INF /tags" prefix="bookTop" %> 
< tags: top/> 
C. <%@ taglib tagdir="/WEB-INF /tags" prefix="bookTop" %> 
= bookTop: top. tag/> 
D. <%@ taglib tagdir="/tags" prefix="bookTop" %> 
= bookTop: top/> 
9. 自 定义 标记 tag 文件 top. tag 存放 在 “D:\Tomcat 7. 0\webapps\ex_D07\WEB- 
INF\tags” 目 录 下 ,ex_D07 是 Web 发 布 目录 ,调用 top 标记 的 当前 页 面 test. jsp 存放 在 
ex_D07 目录 下 ,在 浏览 器 中 可 以 访问 tag 标记 的 地 址 是 ( Ys 
A. http://localhost:8080/ ex_D07/WEN-INF /tags/top. tag 
B. D:\Tomcat 7.0\webapps\ ex_D07\WEB-INF\tags\ top. tag 
C. http://localhost:8080/ ex_D07/test. jsp 
D. http://localhost:8080/ ex_D07/ top. tag 
10. 编制 好 的 bean 文件 名 的 后 缀 是 ( >» 
A. .java B. .jsp C. .html D. .class 
11. 有 一 个 加 法 bean 
package bean; 
Public class ModBean{ 
int addNuml, adoNum?; 


public int add(int addNum，int addNum2){ 
retum aqqNuml+ addNum27 


} 


以 下 ( ) 可 以 正确 设置 addNuml 的 值 。 
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12. 


13 


A. public int setAddNuml(int a){ 
addNum1l 一 ai; 
} 

B. public void setaddNuml(int a){ 
addNuml=a; 
} 

C. void setaddNuml(int a){ 
addNuml1 一 ay; 
} 

D. public void setAddNuml] (int a)! 
addNuml=a; 
} 


A. public void getAddNuml( ){ 
return addNuml; 
} 
B. public int getAddNuml( ){ 
return addNum!l; 
} 
C. void getaddNuml(){ 
return addNuml; 
} 
D. public int getAddNuml(int a )! 
return addNum!l; 
} 
. 在 JSP 页 面 使 用 ( ) 动 作 创 建 bean 实例 。 
A. jsp:setProperty B. jsp:getProperty 
C. jsp:useBean D. jsp:param 


. 当 jsp:useBean 动作 属性 scope 一 "( ) "时 ,创建 的 bean 实例 的 生命 周期 是 会 


A. page B. request C. session 


、 简 答题 


. 简 述 JSP 的 主要 特点 。 

. 组 成 JSP 页 面 的 主要 元 素 有 哪些 ? 

. JSP 文件 名 的 后 缀 是 什么 ? JSP 代码 的 定 界 符 是 什么 ? 
. 简 述 JSP 的 运行 过 程 及 各 阶段 的 主要 作用 。 

. JSP 页 面 运 行 较 快 的 原因 是 什么 ? 

. JSP 页 面 的 源 代 码 与 在 客户 端 看 到 的 代码 是 否 一 致 ? 
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加 法 bean 如 题 11, 以 下 ( ) 可 以 正确 获得 addNuml 的 值 。 


D. application 


7. 什么 是 HTML 注释 .隐藏 注释 .脚本 注释 ? 在 客户 端的 “查看 源 文 件 " 中 能 见 到 哪 
个 注释 ? 

8. 在 二 %…% 志 标记 之 间 和 二 %1…% 过 标记 之 间 都 可 以 声明 变量 ,它们 的 区 别 是 
什么 ? 

9. 如 何 声明 方法 ? 如 何 调用 方法 ? 举例 说 明 。 

10. 在 什么 标记 之 间 可 插 和 人 表达 式 ? 使 用 时 应 注意 什么 ? 

11. 简 述 脚本 元 素 的 功能 。 

12. JSP 指令 标记 和 JSP 动作 标记 的 功能 有 何 区 别 ? 

13. 简 述 page 指令 标记 的 功能 ,并 举 出 其 中 3 种 属性 的 应 用 。 

14. 简 述 include 指令 标记 的 功能 ,使 用 时 的 注意 事项 是 什么 ? 

15. 简 述 taglib 指令 标记 的 功能 ,如 何 自 定义 标记 ?tag 文件 如 何 存放 ? 如 何 调用 自 
定义 标记 ? 

16. 简 述 param 动作 标记 的 功能 , 它 通常 是 哪些 标记 的 子 标记 ? 

17. 简 述 include 动作 标记 的 功能 。 

18.include 动作 标记 与 include 指令 标记 的 区 别 是 什么 ? 

19. 简 述 forward 动作 标记 的 功能 。 

20. 简 述 plugin 动作 标记 的 功能 。 

21. 什么 是 JavaBean? 在 什么 情况 下 使 用 JavaBean 比较 有 利 ? 使 用 JavaBean 的 优 
点 是 什么 ? 

22. 如 果 在 Web 服务 目录 person 中 有 一 个 JSP 页 面 ,要 使 用 一 个 bean, 该 bean 的 
前 三 行 语句 为 ， 

Package stugdent; 

public class studentBean{ 

String studentName, studentNum; 


请 问 : 

(1) 该 bean 的 文件 名 。 

(2) 该 bean 的 class 文件 的 存放 目录 。 

(3) 使 用 该 bean 的 JSP 文件 的 二 jsp:useBean…/ 记 动作 属性 class 的 值 是 什么 ? 

23. jsp:useBean 动作 属性 scope 的 功能 是 什么 ? 写 出 其 默认 值 和 另外 3 种 属性 值 。 

24. jsp:setProperty 和 jsp: getProperty 动作 的 功能 是 什么 ? 简 述 使 用 时 的 注意 
和 项。 

25. JSP 页 面 中 为 什么 会 出 现 中 文 乱码 ? 


三 、 上 机 练习 

1. 使 用 JSP 技术 在 浏览 器 中 输出 四 行 由 大 变 小 的 文字 。 

2. 使 用 Date 函数 读 取 系 统 的 当前 时 间 ,根据 不 同 的 时 间 段 ,在 浏览 器 输出 不 同 的 问 
候 语 。 例 如 0 一 12 点 之 间 输 出 “早上 好 ”, 同 时 把 系统 的 时 间 年 .月 .日 小时、 分 . 秒 和 星期 


pt 
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输出 到 用 户 的 浏览 器 。 

3. 加 载 静 态 文 件 。 制 作 一 个 文件 ,在 页 面 上 输出 一 行文 字 , 例 如 “include 指令 的 使 
用 .” 等 。 然 后 制作 一 个 JSP 文件 ,应 用 include 指令 加 载 刚 制作 的 文件 ,在 客户 端 显示 出 
来 ,并 在 客户 端的 “查看 源 文件 ”中 观察 源 文件 。 

4. 加 载 动态 文件 ,制作 一 个 JSP 文件 ,计算 一 个 数 的 平方 根 。 然 后 再 制作 一 个 JSP 
文件 ,应 用 二 jsp:include 之 动作 加 载 刚 制作 的 JSP 文件 ,在 客户 端 显示 出 来 ,并 在 客户 端 
的 “查看 源 文件 ?中 观察 源 文件 。 

5. 使 用 jsp:include 动作 制作 一 个 班级 的 JSP 页 面 , 显 示 班 上 每 个 同学 的 信息 。 每 
个 同学 都 有 自己 的 页 面 , 由 本 人 定期 更 新 。 要 求 班 级 的 JSP 页 面 是 稳定 的 ,看 谁 的 页 面 
最 有 特色 。 

6. 设计 表单 ,制作 读者 选 购 图 书 的 界面 。 当 读者 选中 一 本 图 书后 , 单 击 “ 确 定 ” 按 钮 ， 
页 面 转 跳 到 介绍 该 图 书信 息 页 面 ,请 使 用 “jsp:forward page 王 ”语句 。 

7. 制作 一 个 页 面 ,页 面 的 背景 颜色 及 文字 的 大 小 、 字 体 和 颜色 可 以 根据 用 户 的 选择 
来 实施 。 界 面 如 图 7-25 所 示 ,要 求 使 用 Java Bean 完成 。 


乱 应 用 Java Bean - Windows Internet Explor... 
GO mre | » 
文件 (F】 编辑 (查看 V) 收藏 天 (A) 工具 (T) 帮助 (H) 

记 收 藏 严 ” 合 应 用 Java Bean 面 


Java Bean 


痛 长 颜色 : 红色 ~ 文字 二 色 : 红包 ~ 
文字 大 小 : 1 字体 柬 休 = 


图 7-25 界面 


四 、 实 训 课 题 

1. 应 用 JavaBean 完成 一 个 计算 器 的 制作 。 

2. 应 用 JavaBean 完成 一 个 计数 器 的 制作 ,计数 器 beans 的 范围 是 application 的 ,由 
不 同 用 户 共享 。 

3. 制作 一 个 购物 车 beans ,要求 具有 选择 商品 .添加 商品 到 购物 车 查看 购物 车 和 从 
购物 车 中 删除 商品 等 功能 。 
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剖 JSP 内 置 对 象 
有 


为 了 简化 JSP 的 应 用 ,JSP 提供 了 9 个 内 置 对 象 ,其 中 常用 的 是 request response、 
out session .application 等 5 个 对 象 。 这 些 内 置 对 象 可 以 直接 引用 ,不 需要 显 式 声明 ,也 
不 需要 实例 化 ,使 用 起 来 十 分 方便 。 

学 习 要 点 : 

(1) 理解 JSP 9 个 内 置 对 象 的 主要 功能 。 

(2) 熟练 掌握 5 个 主要 内 置 对 象 的 功能 和 使 用 方法 。 


(3) 重点 掌握 request 对 象 的 getParameter() 方 法 ,用 以 获取 客户 端 表单 提交 信息 。 
(4) 重 握 response 对 象 的 sendRedirect() 方 法 ,根据 客户 需求 重新 定向 页 面 。 


(5) 掌握 session 和 application 对 象 的 不 同 点 ,能 够 使 用 session 对 象 存储 和 输出 客 
户 在 一 个 会 话 期 的 变量 ,使 用 application 对 象 存 储 和 输出 在 服务 器 运行 期 所 有 客户 共享 
的 变量 。 


8.1 JSP 内 置 对 和 象 概述 


在 JSP 中 预先 定义 好 一 些 常 用 的 对 象 ,在 Web 应 用 中 可 以 直接 使 用 这 些 对 象 。 内 置 
对 象 的 构建 基础 是 HTTP 协议 ,可 以 使 用 这 些 对 象 完 成 收集 浏览 器 请 求 发 出 的 信息 、 响 
应 浏览 器 以 及 存储 用 户 信息 等 工作 ,内置 对 象 的 应 用 大 大 简化 了 Web 开发 工作 。JSP 提 
供 了 9 个 内 置 对 象 它们 是 request、 response、out、 session、application、config、 
pageContext、page 和 exception, 最 常用 的 是 前 5 个 对 象 。JSP 常用 内 置 对 象 及 它们 的 作 
用 见 表 8-1。 


表 8-1 JSP 内 置 对 象 


内 置 对 象 名 称 功 能 作用 域 类 型 
得 到 客户 端的 信息 ,例如 在 form 表单 中 TN 
request 输入 的 信息 。 该 请 求 包 含 来 自 get/post | request 证 1 yh 
请 求 的 参数 。 lA us 
下 可 ea 站 应 javax. servlet. http. 
UE 服务 涡 列 千 癌 哺 淮 的 鸣 应 Po HttpServletResponse 


内 置 对 象 名 称 功 能 作用 域 类 型 
向 客户 端 发 送信 息 ,传送 回应 的 输出 信 : 。 
out 自流 page javax. servlet. jsp. JspW riter 
客户 端 与 服务 器 端 建立 的 会 话 对 象 . 存 i javax. servlet. http. 
session session 
& 储 客户 访问 信息 。 Ss HttpSession 
application 保存 服务 器 运行 时 的 全 局 变量 。 application | javax. servlet. ServletContext 
config 脚本 段 配置 对 象 ,提供 配置 信息 。 page javax. servlet. ServletCofig 
ageContext 管理 网 页 的 上 下 文 属性 ,当前 页 面 运行 age javax. servlet. jsp. PageContext 
avax. servlet. jsp. Pa 
Pag 时 的 一 些 属性 。 Pag J JsP. 8 
page 正在 运行 的 由 JSP 文件 产生 的 类 对 象 。 | page java. lang. Object 
exception JSP 运行 时 抛 出 的 异常 对 象 。 page java. lang. Throwable 


注意 : 因为 Java 是 区 分 大 小 写 的 ,所 以 在 JSP 中 对 象 名 的 书写 一 定 要 准确 ,特别 要 
注意 字母 的 大 小 写 。 在 JSP 页 面 中 , 除 二 %@ 指 令 % 记 和 二 %1 声明 中 之 外 ,其 他 位 置 
都 可 以 使 用 JSP 内 置 对 象 。 


8. 2 request 对 象 


request 对 象 和 response 对 象 是 JSP 中 应 用 较 多 的 两 个 对 象 ,request 对 象 可 得 到 用 
户 提交 的 信息 ,response 对 象 可 向 用 户 发 送 响应 信息 ,两 者 结合 起 来 完成 动态 页 面 的 交互 
功能 。 


8.2.1 request 和 response 对 象 


使 用 request 对 象 得 到 客户 提交 的 请 求 信息 ,并 把 信息 封装 在 对 象 内 。 使 用 response 
对 象 内 封装 服务 器 的 响应 信息 ,并 发 送 给 客户 。request 对 象 和 response 对 象 结合 起 来 
完成 动态 页 面 的 交互 功能 。 图 8-1 示意 了 JSP 页 面 中 request 对 象 和 response 对 象 协同 
工作 的 状况 。 


存储 客户 请 求 
客户 输入 请 求 / 


请 3 request 对 象 | | 


JSP 页 面 
客户 端 响应 response 对 象 


存储 服务 器 响应 


请 求 信息 


显示 响应 信息 


图 8-1 request 对 象 和 response 对 象 
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HTTP 是 客户 与 服务 器 之 间 请 求 (request) 信 息 和 响应 (response) 信 息 的 通信 协议 ， 
也 称 * 请 求 和 响应 协议。 客户 在 浏览 器 地 址 栏目 中 输入 一 个 页 面 请 求 ,浏览 器 把 请 求 发 
送 给 服务 器 。 请 求 具有 一 定 的 格式 ,包含 一 个 请 求 行头 和 表单 提交 的 信息 等 。 例 如 : 

Post/ex8- 01.jsp/HTTP1.1 

// 请 求 行 ,请 求 提 交 方 法 post, 资 源 ex8- 01.jsp, 使 用 协议 HTTP/1.1 

host:local:8080 // 头 , 头 名 字 host, 头 的 值 local:8080 

服务 器 根据 浏览 器 发 来 的 信息 做 出 响应 ,把 响应 信息 返回 到 客户 端 浏览 器 。 响 应 也 
有 一 定 的 格式 。 响 应 由 状态 行 开 始 , 包 含 几 个 头 和 在 客户 端 浏 览 器 中 展示 的 信息 。 

在 JSP 中 request 对 象 被 包装 成 javax. servlet. http. HttpServletRequest 接口 。 客 户 
请 求 经 Servlet 容器 处 理 后 ,由 request 对 象 进 行 封装 ,作为 jspService() 方 法 的 一 个 参数 
传递 给 JSP 页 面 。JSP 页 面 通过 getXxx() 方 法 得 到 request 的 请 求 参数 和 HTTP 请 求 
头 的 信息 。 在 JSP 中 response 对 象 被 包装 成 javax. servlet. http. HttpServletResponse 
接口 ,接口 封装 了 JSP 服务 器 的 响应 ,由 Servlet 容器 生成 ,作为 jspService() 方 法 的 一 个 
参数 由 容器 传递 给 JSP 页 面 ,被 发 送 到 客户 端 响应 客户 请 求 。 


8.2.2 request 对象 的 功能 


JSP 的 内 置 对 象 request 封装 了 用 户 提 交 的 信息 ,使 用 request 对 象 调用 相应 的 方法 
可 以 获得 所 需要 的 封装 信息 。 例 如 ,使 用 表单 向 Web 服务 器 提交 信息 : 


< fom methed= get |post action= "服务 器 端 应 用 程序 URL"> 


用 post 或 get 方法 提交 HTML 表单 信息 。 使 用 post 方法 提交 的 数据 不 被 显示 , 比 
较 安全 。 使 用 get 方法 提交 的 数据 会 附加 到 请 求 的 URL 之 后 ,将 在 地 址 栏目 中 显示 出 
来 ,存在 不 安全 因素 。 例 如 ,在 表单 中 向 服务 器 端的 plugin. jsp 文件 提交 表单 信息 ,表单 
信息 将 附 在 plugin. jsp 文件 的 URL 后 面 发 送 到 服务 器 端 。 如 果 有 多 个 字段 信息 , 则 由 
“&.” 分 开 。 举 例如 下 : 


http://127.0.0.1 :8080/plugin.jsp? txtName= ™**** "& txtNane ee 


服务 器 端 应 用 request 对 象 的 方法 来 接收 或 处 理 这 些 信息 。request 对 象 用 得 比较 多 
的 是 : getParameter 方法 。 


8.2.3 getParameter 方法 


1. getParameter 方法 的 作用 
request 对 象 的 getParameter 方法 根据 指定 的 参数 ,获取 客户 端 信息 。 
2. getParameter 方法 的 语法 规则 


< $String name[] $> 
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< Sname= request .getParameter ("txtName ")$> 
name 是 一 个 声明 过 的 字符 串 变 量 。txtName 是 客户 端 提交 信息 中 的 一 个 字段 名 。 


8.2.4 获取 客户 提交 信息 案例 


例 8.1 要 求 在 页 面 上 有 两 个 文本 框 。 在 文本 框 中 输入 姓名 和 电话 号 码 , 单 击 “ 提 
交 ” 按 钮 后 ,由 服务 器 应 用 程序 接收 并 处 理 用 户 信息 。 例 8. 1 中 ex8-01. html 通过 表单 向 
ex8-01. jsp 提交 信息 。 

ex8-01. html 代码 清单 如 下 : 


<htbm><head>< title> 获 取 客户 提交 信息 案例 < /title> < /headq> 
<body> 
<div aligr= "center"> 
< form action= "ex8- 01.jsp" method= post> 
< font size= 4 color=blue> 
姓名 : < input name= RoName> <p> 
电话 : < input name= FhName> <p> 
< input type= "submit" value=" 提 交 " name= "submit">< /font> 
< /fom> 
< /div> 
< /body> < /html> 


ex8-01. jsp 代码 清单 如 下 : 


< %Q@ page contentType= "text/html;Charset= GB2312"%> 
< html> < body> 
< Srequest. .setCharacterEncoding ("GBK") ;%> 
< %String strl= request .getParameter ("RAName") ;g%> 
< %String str2= request .getParameter ("FhName") ;%> 
< %String str3= request .getParameter ("submit") ;%> 
< font face= "楷体 " size= 4 color=blue> 
姓名 文本 框 信息 : < 和 = strls><pP> 
电话 文本 框 信息 : <%=str2%8><p> 
提交 按钮 的 面值 : < $= str3%> 
< /font> 
< /body> < /html> 


例 8. 1 的 运行 结果 如 图 8-2 所 示 。 


8.2.5 request 对 象 常用 方法 


上 载 的 表单 信息 是 用 getParameter 方法 获得 的 ( 见 例 8. 1) 。request 对 象 也 提供 了 
一 些 其 他 方法 ,用 来 获得 客户 传 来 的 信息 ,具体 如 下 。 
(1) getAttribute(String name) : 获得 name 属性 指定 的 属性 值 。 若 属性 值 不 存在 ， 
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侈 http://127.0.0.1:80... Eile 
@ 品 = 3080/ex Do8/exs-0ljsp 

文件 (F) 编辑 (日 查看 (V】 收藏 夫 (A ” 
全 http://127.0.0.1:8| 


全 获取 客户 提交 信息 案 -. 
芝 吕 -| soex poa/exe olniml 

文件 (F) 编辑 (日 查看 (V) 收藏 夫 (A“ 
宽 收 诚 夫 给 获 到 客户 提交 信息 ， 


姓名 : 验 姓名 文本 框 信 息 : 张 三 
电话 : 12345678 | 电话 文本 框 信息 : 12345678 
EE 提交 掖 钮 的 面值 : 提交 


图 8-2 获取 客户 提交 信息 案例 


返回 null。 

(2) getAttributeNames(): 获得 request 对 象 的 所 有 属性 名 。 如 果 请 求 中 不 包含 有 
效 属性 , 则 返回 一 个 空 的 枚 举 对 象 。 

(3) getCharacterEncoding(): 获得 请 求 中 的 字符 编码 方式 。 如 果 没 有 使 用 编码 方 
式 , 则 返回 空 值 。 

(4) getContentLength(): 获得 请 求 正 文 的 长 度 , 以 字 节 为 单位 。 如 果 不 能 确定 长 
度 , 则 返回 一 1。 

(5) getCookies() : 获得 客户 端 所 有 的 Cookies 对 象 ,结果 是 一 个 Cookies 数组 。 如 
果 浏 览 器 没有 发 送 Cookies, 则 返回 空 值 。 

(6) getHeader(String name) : 获得 请 求 中 由 name 指定 名 字 的 文件 头 信息 。 

(7) getHeaderNames(): 获得 请 求 中 所 有 请 求 头 的 名 字 。 

(8) getMethod(): 获得 表单 提交 信息 的 方式 ,例如 get\post 或 put 等 。 

(9) getParameter(String name) : 获得 客户 表单 提交 给 服务 器 的 由 name 指定 的 参 
数值 。 

(10) getParameterNames() : 获得 客户 提交 给 服务 器 的 所 有 的 参数 名 。 

(11) getParameterValues(String name): 当 客 户 提交 表单 的 name 控件 具有 多 个 参 
数值 时 ,获得 name 的 所 有 参数 值 。 

(12) getProtocol(): 获得 请 求 所 使 用 的 通信 协议 和 版 本 号 。 

(13) getQueryString(): 获得 请 求 使 用 get 方式 提交 的 表单 数据 。 

(14) getRequestURI(): 获得 客户 端 地 址 。 

(15) getRemoteAddr(): 获得 客户 端的 IP 地 址 。 

(16) getRemoteHost(): 获得 客户 端 主机 全 名 。 如 果 不 能 获取 , 则 获得 客户 机 的 全 
地 址 。 

(17) getSession([Boolean create]) : 获得 和 请 求 相关 的 session ,create 参数 是 可 选项 。 

(18) getServerName() : 获得 接受 请 求 的 服务 器 主机 名 。 

(19) getServletPath() : 获得 客户 请 求 JSP 页 面 的 文件 目录 。 

(20) getServerPort() : 获得 服务 器 主机 的 端口 号 。 

(21) getPathInfo() : 获得 请 求 时 关联 到 URL 的 附加 路 径 信息 。 若 没有 此 信息 , 则 
返回 空 值 。 

(22) removeAttribute(String name) : 删除 请 求 中 由 name 指定 的 属性 。 
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(23) setAttribute(String name,java. lang. Object object) : 


数值 ,参数 值 类 型 为 java. lang. Object , 值 由 object 指定 。 


(24) setCharacterEncoding(String charset) : 


前 使 用 ,可 以 解决 中 文 乱 码 的 问题 。 


8.2.6 
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request 对 象 常 用 方法 应 用 案例 


设置 参数 名 为 name 的 参 


指定 请 求 编码 ,在 getParameter() 方 法 


例 8.2 使 用 request 对 象 的 常用 方法 ,获取 客户 端 提交 的 各 种 信息 。 例 8. 2 把 
例 8. 1 的 文件 ex8-01. html 的 form 的 action 属性 , 改 为 ex8-02.jsp 即 可 ,更 改 如 下 : 


< form method= "post" action= "ex8- 02.jsp"> 


ex8-02. jsp 代码 获取 了 客户 端的 信息 ,并 把 它们 显示 出 来 ,代码 清单 如 下 : 


< $@ page contentType= "text/html;Charset= GB2312"%> 

<html>< head> < title> request 对象 常用 方法 应 用 案例 < /title>< /head> 
<body> 
< 


%> 


request .setCharacterEncoding ("GBK"); 
out.printin(" 姓 名 文本 框 提交 信息 : 
out.printin(" 电 话 文 本 框 提交 信息 : 


out.printin(" 客 户 端 协议 名 和 版 本 号 : 


out.printin(" 客 户 机 名 : 
cut.printIn(" 客 户 机 的 下 地 址 : 
out.printin(" 客 户 提 交 信 息 的 长 度 : 
out.printin(" 客 户 提 交 信 息 的 方式 : 
out.println ("HTTP 头 文件 中 Host 值 : 
cut.println(" 服 务 器 名 : 
cut.println(" 服 务 器 端口 号 : 


out.printin(" 客 户 请 求 页 面 的 文件 目录 : 


< /body> < /html> 


运 


行 结果 如 图 8-3 所 示 。 


"+ request .getParameter ("ROName" 


)+ "<br> "); 


"+ request .getParameter ("FhName")+ "< br> "); 


"+ request .getProtocol ()+ "< br> "); 
"+ request .getRemoteHost ()+ "< br> "); 
"+ request .getRemoteAodr ()+ "< br> "); 


"+ request .getContentLength()+ "< br> "); 
"+ request .getMethod ()+ "< br> "); 
"+ request .getHeager ("Host")+ "< br> "); 


"+ request .getServerName ()+ "< br> "); 
"+ request .getServerPort ()+ "< br> "); 
"+ request .getServletPath()+ "< br> "); 


乔 request 对 儿 常 用 方法 应 用 案例 - a 


Oe 3080/ex_DOs/ex8-02jsp ~ 


文件 (F) 编辑 ( 申 至 看 V) 收藏 夫 (A) IRD” 


次 收藏 夫 。 合 request 对 象 党 用 方法 应 用 .| | 


1 
HTTP 头 文件 中 Host 值 : 127. 0. 0. 1:8080 
服务 器 名 : 127. 0.0.1 
服务 器 端口 叶 : 8080 


客户 请 求 页 面 的 文件 目录 : /ex8-02. jsp 加 


图 8-3 request 方 法 的 输出 
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8.3 response 对象 


8.3.1 response 对 象 的 功能 


response 对 象 把 服务 器 端的 数据 以 HTTP 的 格式 发 送 到 客户 端 浏览 器 。response 
对 象 提 供 了 几 种 输出 结果 的 方法 ,例如 : 页 面 重 新 定向 (sendRedirect) 方 法 .设置 状态 行 
(setStatus) 方 法 和 设置 文本 类 型 (setContentType) 等 方法 。 


8.3.2 sendRedirect 方法 


1. sendRedirect 功能 

使 用 sendRedirect() 方 法 可 以 根据 用 户 的 不 同 要 求 转向 不 同 的 页 面 。 服 务 器 对 客户 
浏览 器 做 出 响应 后 ,浏览 器 根据 客户 要 求 发 出 一 个 新 的 请 求 ,转向 sendRedirect("URL") 
指定 的 新 页 面 。 浏 览 器 地 址 栏目 也 改变 为 新 页 面 的 地 址 , 原 页 面 中 重 定向 语句 后 的 代码 
不 再 被 执行 。 

注意 : forward 动作 标记 和 response 对 象 的 sendRedirect() 方 法 都 可 以 使 页 面 重新 
定向 ,但 是 它们 是 有 区 别 的 。 二 jsp:forward 二 动作 只 能 在 本 网 站 内 转向 ,而 response 对 
象 的 sendRedirect() 方 法 可 以 转 跳 到 任何 页 面 。 


2. 应 用 举例 

例 8.3 显示 用 户 登录 界面 ,并 验证 登录 者 输入 的 姓名 和 密码 是 否 完整 。 如 果 不 完 
整 , 则 转向 新 的 页 面 请 用 户 重 新 输入 ;如 果 输 入 完整 , 则 显示 输入 的 姓名 和 密码 。 例 8. 3 
由 三 个 程序 组 成 。 

。 ex8-03. html: 登录 界面 , 见 图 8-4(a) ,登录 者 输入 姓名 和 密码 。 

。 ex8-03.jsp: 接收 表单 ex8-03. html 的 信息 ,判断 输入 是 和 否 完整 。 若 输入 完整 , 则 
显示 登录 成 功 界面 (如 图 8-4(b) 所 示 ); 如果 输入 不 完整 , 则 由 response. 
sendRedirect("ex8-03_1. html") 语 句 将 页 面 重新 定向 到 异常 处 理 页 面 ex8-0 3_1. 
html, 要 求 读者 重新 输入 。 

。 ex8-03_1. html: 输入 数据 不 完整 ,提示 读者 重新 输入 ,异常 处 理 界面 见 图 8-4(c) 。 

(1) ex8-03. html 代码 清单 


<htm><head> < title> sendRedirect 方 法 应 用 案例 < /title> < /head> 
< body> < aenter> < fcnt size="5" faoe= 哑 书 " color= 只 ff0000"> 欢 迎 登录 < /font><hr> 
< fom action= "ex8- 03.jsp" method= post> < font size= 少 

姓 名 : < input name= RdName size= 20> <br> 

密 码 : < input type= "password" name= RdPasswd size=21> <p> 

< input type= "sutmit" value=" 确 定 "name="submit"™> 

< input type= "reset" value=" 清 除 " name= "reset"> < /font> 
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全 sendRedirect 方 法 应 用 案例 -. 全 sendRedirect 方 法 应 用 案例 估 sendRedirect 方 法 应 用 康 例 . 匡 可 喇 二 
GO |® s0/ex Dos/ex I |@O* ee0/ex oo GO-s - E 
I 编辑 (E) 查看 (V) 收藏 夹 (A) 工具 (” 文件 (F) 编辑 (E) 查看 (V) 收藏 夹 (A) 工具 (” 文件 (F) 编辑 (E) EW 区 工具 (> 

盒 sendRedirect 方 法 应 用 .。 | | 训 收 藏 失 ” 优 sendRedirect 方 法 应 用 .。 下 遍 收 藏 赤 ”全 sendRedirect 广 法 应 用 .，| 
欢迎 登录 ] | 登录 成 功 了 信息 不 完整 ， 请 重新 输入 ! 
姓 名 : 验 姓名 是 : 张 三 姓 名 : 
密码: 密码 是 : 12345678 密 码 : 
EE 宣 由 [ 博 定 | [ 清除] 吕 
(a) 登录 界面 (b) 登录 成 功 界面 (c) 异常 处 理 界面 


图 8-4 页 面 重新 定向 


</form < /center> 
< /body> < /html> 


(2) ex8-03.jsp 代码 清单 


< %Q page contentType= "text/html; harset= GB2312"%> 
<% 

request .setCharacterEncoding ("GEK"); 

String Name= request .getParameter ("ROName") ; 

String Passwd request .getParameter ("RdPasswd") ; 

if QName.equals ("™") | |Passwd.equals ("™")) 

response.sendRedirect ("ex8- 03 1.html"); 

%> 
<html>< head> < title> sendRedirect 方 法 应 用 案例 < /title> < /head> 
< body> < center> < font size= "5" face= 中 书 " color= 哗 fft0000"> 登 录 成 功 < /font> < /center><hr><P> 


姓名 是 : < $=Name $><P> 
密码 是 : < $= Passwo%> 
< /body> < /html> 


(3) ex8-03_1. html 代码 清单 


<html><head> < title> sendRedirect 方 法 应 用 案例 < /title> < /head> 
<body> < center> < font size= "5" face= 中 书 " color= 哇 ff0000"> 信 息 不 完整 ,请 重新 输入 !< /font> < hr 
尝 
< form action= "ex8- 03.jsp" method= post> < font size= 少 
姓 名 : < input name= "RdName" size=20> <br> 
密 码 : < input type= "password" name= RdFasswd size= 21> <p> 
<input type= "submit" value=" 确 定 " name= "submit"> 
< input type= "reset" value=" 清 除 "name= "reset"> < /font> 


< /fom> < /center> 
< /body> < /html> 
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8.3.3 response 的 状态 行 


1. 状态 行 的 作用 

服务 器 响应 客户 请 求 时 首先 发 送 状态 行 , 然 后 发 送 HTTP 头 和 信息 体 。 一 般 不 需要 
修改 状态 行 。 当 页 面 出 现 错误 时 ,服务 器 会 自动 响应 ,并 发 送 相应 的 状态 码 提 示 客 户 。 开 
发 人 员 也 可 以 使 用 response 对 象 的 setStatus() 方 法 设置 状态 行 的 状态 码 。 如 果 状 态 行 
的 值 已 存在 ,新 设 的 值 将 覆盖 旧 值 。 状 态 行 包含 3 位 数字 的 状态 代码 ,代表 错误 的 性 质 和 
处 理 方法 。 共 有 5 类 状态 码 。 

(1) 1XX(1 开头 的 3 位 数 ): 主要 是 实验 性 质 的 。 例 如 101 表示 服务 器 正在 升级 
协议 。 

(2) 2XX: 表示 请 求 成 功 。 如 200 表示 请 求 成 功 。 

(3) 3XX: 表示 在 请 求 满足 之 前 应 采取 的 进一步 行动 。 如 305 表示 请 求 必 须 通 过 代 
理 来 访问 。 

(4) 4XX: 浏览 器 不 能 满足 请 求 时 ,返回 的 状态 码 。 如 404 表示 请 求 的 页 面 不 存在 。 

(5) 5XX: 服务 器 执行 出 现 错误 时 ,返回 的 状态 码 。 如 500 表示 服务 器 内 部 发 生 错 
误 ,不 能 服务 。 


2. setStatus( ) 方 法 

使 用 response. setStatus(int n) 方 法 设置 状态 行 。 例 如 response. setStatus(501) 取 
得 错误 信息 为 501 的 出 错 信息 ,返回 该 出 错 页 面 到 客户 端 。 如 果 状 态 代 码 为 出 错 码 ,页面 
中 response. setStatus() 后 面 的 语句 将 不 被 执行 。 


3. 状态 行 应 用 案例 

例 8.4 本 例 包 含 4 个 文件 ,ex8-04. html、ex8-04_1. jsp、ex8-04_2. jsp 和 ex8-04_3. jsp。 
在 ex8-04. html 页 面 单 击 不 同 的 超 链接 ,将 显示 不 同 的 状态 码 状 态 。 

(1) ex8-04. html 代码 清单 


<htm>< head> < title> responde 对 象 状态 行 应 用 案例 < /title> < /head> 
<body> < center> 《<font size="5" face= 叶 书 " color=blue> 显示 不 同 的 状态 行 < /font> <hr> 
<font size= "3" face= 吡 体 " color= green> 
<ahre 人 "ex8- 04 1.jsp" > 200 请 求 成 功 信息 < /a> <p> 
<ahre 人 "ex8- 04 2.jsp" > 404 请求 资 源 不 可 用 信息 < /a><p> 
<a hre 伍 "ex8- 04 3.jsp" > 501 不 支持 请 求 的 部 分 功能 < /a><p> 
< /font> < /center> 
< /body> < /html> 


(2) ex8-04_1. jsp 代码 清单 


< $@ page contentType= "text/html; harset= GB2312"%> 

<html>< head> < title> responde 对 象 状态 行 应 用 案例 < /title> < /head> 

<body> < center> < font size="5" face= 呈 书 " color=blue> 200 请 求 成 功 信 息 < /font> <br><hr> 
< S$response.setStatus (200); 


第 8 章 ” JEP 内置 对 象 一 一 一 一 一 一 一 一 217 


out.printIn(" 一 切 正常 "); 
$>< /center> 
< /body> < /html> 


(3) ex8-04_2. jsp 代码 清单 


< $@ page contentType= "text/html;charset= GB2312"%> 
<html>< head> < title> responde 对 象 状态 行 应 用 案例 < /title> < /head> 
<body> < center > < font size="5" face=" 隶 书 " color= blue > 404 请 求 资源 不 可 用 信息 
< /font> <br><hr> 

< Sresponse.setStatus (404); 

out.printIn(" 不 能 显示 "); 

gs>< /center> 

< /body> < [htm> 


(4) ex8-04_3. jsp 代码 清单 


< $@ page contentType= "text/html ;charset= GB2312"%> 
<html>< head> < title> responde 对 象 状态 行 应 用 案例 < /title>< /head> 
<body> < center > < font size="5" face=" 素 书 " color= blue> 501 不 支持 请 求 的 部 分 功能 
< /font><br><hr> 
< $response.setStatus (501); 
out.printin(" 不 能 显示 "); 
g%> < /center> 
< /body> < /html> 
(5) ex8-04. html 的 显示 结果 如 图 8-5(a) 所 示 。 如 果 在 页 面 中 单 击 “200 请 求 成 功 ” 
超 链接 ,页 面 将 转 跳 到 ex8-04_1. jsp 请 求 成 功 页 面 , 见 图 8-5(b)。 如 果 在 页 面 中 单 击 
“501 不 支持 请 求 的 部 分 功能 ” 超 链接 ,页 面 将 转 跳 到 ex8-04_3. jsp 页 面 , 显 示 501 状态 码 
的 提示 , 见 图 8-5 (d) 。 


8.3.4 setContentType 方法 


1. setContentType 方法 功能 

服务 器 响应 客户 请 求 页 面 时 ,可 以 使 用 page 指令 的 ContentType 属性 设置 页 面 的 显 
示 类 型 ,但 是 page 指令 只 能 为 ContentType 属性 指定 一 个 值 ,不 能 动态 改变 页 面 的 显示 
方式 。 使 用 response 对 象 的 setContentType() 方 法 可 以 在 程序 运行 过 程 中 ,根据 需要 动 
态 设置 响应 的 MIME 类 型 。 


2. setContentType 语法 格式 

语法 : 

response.setContentType (String s); 

使 用 setContentType(String s) 方 法 动态 设置 MIME 类 型 ,参数 s 可 以 取 以 下 值 。 
(1) text/html: HTML 超 文本 文件 .后 缀 为 *. html”。 


218 一 一 一 一 一 一 一 一 Web 技 术 应 用 基础 (第 3 版 ) 


SO |e sueepoaee osrml -| 


i _ 
[Eeeepoareeoslzd- 


200 请 未 成 功 信 息 


501 不 支持 请 未 的 部 分 动能 


名 HTTP 501 未 换行 /不 支 博 HTTP 505 
GO http//127.0.0.1:8080/e» ~ Ee 
文件 (F) 编辑 (查看 (V】 收藏 夫 (A) 工具 (T) 帮助 (H) | 文件 (F】 编辑 (日 查看 (V】 收藏 天 (A) 工具 (T) 帮助 (H)} 
| 本 3 名 HTTP 501 未 执行 /不 支持 H。 ‖ 有 去 和 天 各 HTTP 404 未 到 
网 站 无 法 显示 该 网 页 法 找到 该 网 页 | 
mrp soyurrp sos| Hmmpaa 
二 本 于 可 能 的 原因 是: 
| ee eds 在 地 址 中 可 能 存在 急 入 民 训 - 
日 返回 则 上 一 页 . ， 当 多 点 击 基 个 链接 时 ， 它 可 能 已 过 期 
||® 更 多 全 以 尝试 下 操作 
入 地址- 
中 | 9 返回 到 上 一 页 . 


(c) 找 不 到 文件 


(d) 501 状 态 码 提示 


图 8-5 状态 码 应 用 案例 


(2) text/plain: plain 文本 文件 .后缀 为 “. txt”。 
(3) application/msword: Word 文档 文件 ,后 缀 为“. doc”。 
(4) application/x 一 msexcel: Excel 表格 文件 ,后 级 为 *. xls”。 


(5) application/ x 一 mspowerpoint: PowerPoint 格式 文件 ,后 级 为 *. ppt” 
(6) image/jpeg: jpeg 图 像 ,后 级 为“. jpeg”。 

(7) image/gif: gif 图 像 , 后 级 为 *. gif”。 

(8) application/x—shockwave 一 flash: flash 动画 。 


3. setContentType 方法 应 用 案例 
例 8.5 根据 要 求 选择 使 用 HTML 类 型 、word 类 型 或 excel 类 型 ,显示 同一 个 


dataTxt. txt 文件 。 在 ex8-05. html 页 面 上 选择 不 同 按钮 ,然后 单 击 提交 按钮 ,由 ex8-05. jsp 
文件 进行 选择 显示 类 型 。 


(1) ex8-05. html 代码 清单 


<htm>< head> < title> setContentType 方 法 应 用 案例 < /title> < /head> 
<body> 
< form action= "ex8- 05.jsp" method= "get"> 
< font size= "5" face= " 嘲 书 " color=blue> 请 选择 文件 显示 类 型 < /font> <hr> 
< input type= "radio" name= "showType" value= "0"> HIML 类 型 显示 <br> 
< nput type= "radion name= "showType" value= "lw> word 类 型 显示 <br> 
< input type= "radion name= "showrypen value= "2"> excel 类 型 显示 <br> 
< input type= "submit" name= "sutmit" value=" 提 交 必 


< /fom> 
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< /body> < /html> 
(2) ex8-05. jsp 代码 清单 


< $@ page contentType= "text/html ;charset= go2312"%> 
<html>< heag> < title> setcontentType 方 法 应 用 案例 < /title>< /head> 
<body> 
< $String str= request .getParameter ("showType"); 
if(str==nu1]) {str= "™";} 
else{ 
if(str.equals("0")) { 
response.setContentType ("text/html;harset= qo2312") ;} 
else if(str.equals ("1")){ 
response.setContentType ("application/msword; charset=— go2312") ;} 
else{ 
response.setContentType ("application/x- msexcel;harset= go2312") ;} 
} 
%> 
< jsp:incluge page= "dataTxt.txt" flush= "true"/> 
< /body> < /html> 


(3) dataTxt. txt 文件 


11 12 13 14<br> 
15 16 17 18< br> 
19 20 21 22<br> 


注意 : 因为 浏览 器 视 半 角 输 入 的 多 个 空格 为 一 个 空格 ,所 以 如 果 和 希望 用 excel 显示 该 


文件 ,输入 dataTxt. txt 文件 中 的 空格 时 ,需要 把 输入 法 切换 到 全 角 。 


(4) ex8-05. html 在 浏览 器 中 的 显示 结果 如 图 8-6(a) 所 示 。 在 页 面 中 选择 HTML 类 


型 显示 ,显示 如 图 8-6(b) 所 示 ;选择 word 类 型 显示 ,如 图 8-6(c) 所 示 ; 选 择 excel 类 型 显 
示 , 如 图 8-6(d) 所 示 。 


8.3.5 response 对 象 的 其 他 方法 


response 对 象 的 其 他 常用 方法 如 下 。 

(1) getCharacterEncoding() 方 法 : 返回 服务 器 响应 客户 所 使 用 的 编码 属性 。 
(2) getWriter() 方 法 : 获得 一 个 打印 输出 对 象 ,向 客户 发 送 文 本 。 

(3) setContentLength() 方 法 : 设置 服务 器 发 送 给 客户 端 内 容 的 长 度 。 

(4) setHeader() 方 法 : 动态 添加 新 的 响应 头 和 头 的 值 。 


8.3.6 response 方法 应 用 案例 


例 8.6 代码 ex8-06. jsp 用 response 的 方法 返回 服务 器 的 编码 属性 .缓冲 区 大 小 和 
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GH- 久 ) 80/ex_DO8/ex8-05.html ~ 
文件 (F) 编辑 (6 查看 (V) 收藏 夹 (A) IR” 
玄 收藏 天 ”篇 setContentType 方 法 应 .。 


请 选择 文件 显示 类 型 


@HTML 类 型 显示 
@word 类 型 显示 
加 excel 类 型 显示 | 


(a) 选择 文件 显示 类 型 


(d) Excel 类 型 显示 
图 8-6 动态 设置 响应 的 MIME 类 型 


一 个 打印 输出 对 象 , 并 显示 系统 时 间 ,每 8 秒 钟 刷新 一 次 页 面 。 代 码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312"g%> 
< $@ page jmport= "java.util.* "和 > 
<html>< head> < title> response 对 象 常用 方法 应 用 案例 < /title>< /head> 
<body> < font face= " 听 体 " size= 3 color= blue> 
< 多 
out.println (" 服 务 器 使 用 的 编码 属性 :"+ response.getcharacterEncoding()+ 
Ab 
out.println (打印 输出 对 象 : "+ response.getWriter()+ "<br>"); 
%><hr> 
页 面 每 8 秒 钟 刷新 一 次 
现在 的 时 间 是 : <br> 
< 名 
out.println (" "+ new Date()); 
response.setHeader ("Refresh", "8"); 
%>< /font> 
< /body> < /htm> 


运行 结果 如 图 8-7 所 示 。 
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舍 response 对 象 常用 方法 应 用 案例 “Windows Internet E- 


[Oe soe pos/exe-o6jspl" + |X | eno 5 


文件 (F)】 编辑 日 碍 看 (V) 收藏 夫 (A) 工具 (T) 帮助 (H) 
次 收藏 夫 ” 合 response 对 条 常用 方法 应 用 … 

服务 器 使 用 的 编码 属性 :GBK 

缓冲 区 的 大 小 ;8192 

打印 输出 对 象 : | 


org. apache. catalina. connector. CoyoteWriterefc2ca5 | 


页 面 每 8 秒 钟 刷新 一 次 , 现在 的 时 间 是 : 
Sun May 05 10:34:00 CST 2013 


图 8-7 刷新 页 面 


8.4 ”out 对 象 


8.4.1 out 对 象 的 功能 


JSP 的 内 置 对 象 out 被 包装 为 javax. servlet. JspWiter 接口 ,是 一 个 为 客户 打开 的 输 
出 流 ,指向 客户 端 浏 览 器 的 缓冲 区 ,用 来 向 客户 端 发 送 数据 。 它 的 生存 期 是 当前 页 面 。 每 
个 JSP 页 面 都 有 一 个 out 对 象 ,out 对 象 发 送 的 内 容 具有 文本 的 性 质 。 可 以 通过 out 对 象 
直接 向 客户 端 发 送 一 个 由 程序 动态 生成 的 HTML 文件 ,常用 的 方法 有 print 和 println。 
由 于 out 对 象 内 部 包含 了 一 个 缓冲 区 ,所 以 需要 使 用 对 缓冲 区 进行 操作 的 方法 ,例如 
clear、cleaBuffer flush getBufferSize 和 getRemaining 等 方法 。 


8.4.2 out 对 象 中 预定 义 的 常量 和 变量 


在 某 些 out 对 象 中 需要 使 用 常量 和 变量 ,变量 在 使 用 时 需要 赋值 。out 对 象 常用 属性 
如 下 。 

(1) NO_BUFFER: 表示 非 缓 冲 区 输出 。 

(2) DEFAULT_BUFFER: 缓冲 区 输出 ,使 用 默认 的 缓冲 区 大 小 。 

(3) UNBOUNDED_BUFFER: 是 否 限 制 缓冲 区 大 小 。 

(4) bufferSize: 缓冲 区 大 小 ,以 字 节 为 单位 的 整 型 数 。 

(5) autoFlush: 是 否 自动 清空 缓冲 区 。 


8.4.3 out 对象 的 主要 方法 


out 对 象 的 主要 方法 和 它们 的 功能 如 下 。 

(1) print() 方 法 : 输出 数据 ,输出 数据 类 型 可 以 是 int\long ,float double、 string、 
char .char[] boolean .object 等 。 

(2) println() 方 法 : 输出 数据 ,并 换行 。 输 出 数据 类 型 同 print() 方 法 。 
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(3) clear() 方 法 : 清除 缓冲 区 中 的 内 容 。 如 果 缓 冲 区 被 清除 过 (flush) , 则 抛 出 一 个 
IO 异常 ,表示 数据 已 经 写 到 客户 响应 流 中 。 

(4) clearBuffer() 方 法 : 清除 缓冲 区 当前 的 内 容 。 与 clear() 方 法 不 同 , 如 果 缓 冲 区 被 
清除 过 (flush) , 则 不 抛 出 IO 异常 。 

(5) flush() 方 法 : 把 缓冲 区 的 内 容 写 人 输出 流 ,输出 到 客户 端 显示 ,并 清空 缓冲 区 。 

(6) close() 方 法 : 关闭 输出 流 , 并 在 关闭 之 前 进行 flush 操作 。 一 旦 流 被 关闭 ,就 不 
能 再 使 用 flush() 方 法 。 

(7) getBufferSize() 方 法 : 返回 以 字 节 为 单位 的 缓冲 区 大 小 ,无 缓冲 区 时 返回 0 

(8) getRemaining() 方 法 : 返回 以 字 节 为 单位 的 未 使 用 的 缓冲 区 大 小 。 

(9) isAutoFlush(): 判断 是 否 自 动 刷 新 缓冲 区 。 是 ,返回 true; 和 否 , 返 回 false。 


8.4.4 ”out 对象 应 用 案例 


1. out 对 象 常用 方法 的 应 用 案例 
例 8.7 本 例 说 明 out 对 象 print/println 方法 的 应 用 。ex8-07. jsp 代码 清单 如 下 : 


< %$@ page contentType= "text/html; charset= CB2312"%> 

< %Q@ page language= "java" autoFlushr "falsens> 

<html><head> < title> oat 对象 print/printin 方 法 应 用 案例 < /title>< /head> 

< body> < center> < font size=5 color=blue> print/println 方 法 应 用 < /font> < /center> <hr> <br> 


< 多 ® http://127.0.0.1:8080/ex.. [ea Ei x 


out.printin ("你 好 1"); GO- | 3080/ex Do8/ex8-07j 7jsp | 作 
. _ 文 件 (F) 篇 辑 (6 查看 (V) 收藏 夹 (A) 工 ” 
out.clear(); 遍 收 藏 赤 | 全 httpyJ/127.0.0.1:80807-。 | 
out.println ("after clear:<br> "); 柯 
after clear 
char a= 'h'; a=h m=8 f=3. 1415926 | 
BufferSize: B192 


int m8; Remaining: 8132 入 
double f= 3.1415926; 

out.print ("a= "+ at " "); 图 8-8 out 对 象 的 print/println 
out.print (m= "+ m+ " "); 方法 的 应 用 

out.print ("f= "+ ft "<br> "); 

out.print ("Buffersize: "+ out.getBufferSize()+ "<br> "); 

out .print ("Remaining: "+ out.getRemaining0+ "<br> "); 


g%> 
< /body> < /html> 


代码 ex8-07. jsp 运行 结果 见 图 8-8。 由 于 使 用 了 clear() 方 法 ,在 语句 “out. clear();” 之 
前 的 输出 从 缓冲 区 中 清除 掉 了 ,所 以 没有 在 浏览 器 中 显示 。 


2. flush() 方 法 的 应 用 
例 8.8 代码 ex8-08.jsp 应 用 for 循环 延迟 文字 的 输出 ,并 使 用 flush() 方 法 把 缓冲 
区 的 内 容 输出 到 页 面 ,使 输出 的 文字 逐 行 显示 出 来 。ex8-08. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; harset= GB2312"%> 
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<html><head>< title> out 对 象 flush() 方 法 的 应 用 < /title>< /head> 
< body> < center> < font size=4 color=blue> 逐 行 显示 文字 < /font> < /center> <hr> 
<% 
String strshow= Web 技术 应 用 基础 !"; ”// 设 定 输出 的 文字 
3> 
< center>< font size=3 face= "异体 " color= red> 
< 和 
for(int i=0; i <=6; 计 +) // 通 过 for 循 环 ,输出 6 行文 字 于 页 面 中 
{ 
for(int j= 0; j <1600000000; j++) // 利 用 fcr 循环 延迟 文字 的 输出 


上 
3 (9 outy mii | ER 
out .printIn (strShowr "< BR> "); 


// 将 字 串 输出 至 缓冲 区 文 作 F 笑 有 日 下 看 W) 二 
out.flush(); // 将 缓冲 区 的 文字 输出 至 网 页 | 
| 
和 > 
< /font> < /center> 
</body> < /html> 
代码 ex8-08. jsp 的 运行 结果 见 图 8-9 ,文字 正 
在 被 逐 行 显示 。 图 8-9 out 对 象 的 flush() 方 法 的 应 用 


8.5 session 对 象 


使 用 session 对 象 保存 客户 访问 网 站 期 间 , 在 多 个 页 面 之 间 跳 转 浏览 的 信息 。 
8.5.1 会 话 (session) 和 会 话 ID 


从 客户 打开 浏览 器 并 连接 到 服务 器 开始 ,到 客户 关闭 浏览 器 离开 服务 器 为 止 , 称 为 一 
个 会 话 (session)。 会 话 对 象 保存 浏览 器 和 服务 器 之 间 多 次 请 求 和 响应 的 过 程 。HTTP 
协议 是 一 种 无 状态 协议 。 客 户 向 服务 器 发 出 请 求 , 服 务 器 响应 请 求 后 ,连接 就 被 关闭 了 。 
服务 器 不 再 保留 有 关连 接 的 信息 ,所 以 当 客 户 下 一 次 请 求 并 连接 时 ,服务 器 无 法 判断 本 次 
连接 和 以 前 的 连接 是 否 是 同一 个 客户 。 但 是 在 很 多 情况 下 ,需要 服务 器 在 客户 访问 的 一 
个 会 话 期 跟踪 客户 , 记 住 客户 信息 ,为 客户 提供 连续 服务 。 例 如 ,网 上 书店 应 当 人 允许 客户 
在 不 同位 置 挑选 不 同 的 书籍 , 放 和 购书 车 ,最 后 再 一 次 性 付款 。 在 购书 的 过 程 中 ,服务 器 
应 当 记 住 客户 的 个 人 信息 和 已 选择 的 图 书 , 这 就 需要 有 在 会 话 过 程 中 一 直 有 效 的 变量 , 即 
会 话 级 变量 ,记录 客户 在 这 段 时 间 内 逻辑 上 相关 联 的 不 同 请 求 。 

JSP 的 内 置 对 象 session 被 包装 为 javax. servlet. http. HttpSession 接口 。 它 提供 一 
个 在 多 个 请 求 之 间 持 续 有 效 的 对 象 ,这 个 对 象 允 许 客户 存储 和 提取 会 话 状态 信息 ,可 用 于 
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具有 多 个 页 面 的 事务 处 理 。 

客户 的 会 话 过 程 见 图 8-10。 客 户 1 第 一 次 打开 浏览 器 访问 服务 器 上 的 某 个 JSP 页 面 
时 ,JSP 引擎 为 客户 1 创建 一 个 session 对 象 ,并 为 该 session 对 象 分 配 一 个 String 类 型 的 
ID 号 。 该 session 对 象 保存 在 服务 器 端 ,用 来 存储 客户 1 在 访问 各 个 页 面 期 间 提交 的 各 
种 信息 。 同 时 ,JSP 引擎 在 响应 客户 请 求 的 同时 ,把 ID 号 发 到 客户 端 ,并 写 入 客户 端的 
cookie 中 。 如 此 ,session 对 象 和 客户 之 间 建 立 起 一 一 对 应 的 关系 。 每 个 客户 都 有 一 个 自 
己 的 session 对 象 ,不同 的 客户 有 不 同 的 session 对 象 和 不 同 的 ID, 服务器 可 以 通过 不 同 
的 ID 号 识别 不 同 的 客户 。 当 客户 关闭 浏览 器 后 ,一 个 会 话 结束 ,服务 器 端 该 客户 的 
session 对 象 被 取消 。 当 客户 重新 打开 浏览 器 建立 新 连接 时 ,JSP 引擎 为 该 客户 再 创建 一 
个 新 的 session 对 象 。session 对 象 具有 一 些 方法 ,用 来 在 会 话 期 间 传递 信息 。 


在 客户 1 的 浏览 器 关 
闭 之 前 ， 客 户 1 的 
Session 对 象 一 直 存在 


客户 1session 对 象 
sessionID 1 
R | 客户 1 会 话 期 信息 
n coocie 局 
2 请 求 司 客 户 n session 对 象 
SessionID n 
a 二 二 客户 n 会 话 期 信息 


客户 端 服务 器 端 
图 8-10 ”session 对 象 的 运行 机 制 


Li 


注意 : 同一 个 客户 在 同一 个 Web 服务 目录 中 不 同 页 面 的 session 对 象 是 同一 个 , 即 
使 客户 从 该 服务 目录 链接 到 其 他 服务 器 后 ,再 返回 该 目录 ,其 session 对 象 仍然 不 变 。 但 
是 ,同一 个 客户 在 不 同 Web 服务 目录 中 的 session 对 象 是 不 同 的 。 


8.5.2 session 对 象 常用 方法 


服务 器 端的 session 对 象 保存 了 客户 在 会 话 期 间 的 数据 ,调用 session 对 象 的 方法 可 
以 保存 或 读 取 客 户 存 储 的 数据 。session 对 象 常用 方法 如 下 。 

(1) setAttribute(String name,java. lang. Object value) : 把 属性 name 的 属性 值 设 为 
value ,保存 在 session 对 象 中 。 

(2) getAttribute(String name) : 从 session 对 象 中 获得 由 name 指定 名 字 的 属性 值 。 
若 该 属性 不 存在 , 则 返回 null。 

(3) getAttributeNames() : 获得 一 个 枚 举 对 象 ,该 对 象 调用 nextElements() 方 法 遍 
历 session 对 象 中 的 所 有 对 象 。 

(4) removeAttribute (String name): 删除 在 session 对 象 中 由 name 指定 名 字 的 
属性 。 

(5) getCreationTime() : 获得 session 对 象 创建 的 时 间 ,以 ms 为 单位 ,从 1970 年 1 
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月 1 日 午夜 开始 计时 。 

(6) getLastAccessedTime(): 获得 session 对 象 最 后 一 次 被 访问 的 时 间 ,单位 是 ms。 

(7) getId() : 获得 session 对 象 的 标识 ID。 

(8) getMaxInactiveInterval() : 获得 session 对 象 的 生存 时 间 ,单位 是 s。 

(9) setMaxInactiveInterval() : 设置 session 对 象 的 生存 时 间 ,单位 是 s。 

(10) getValue(String name) : 从 session 对 象 中 获得 名 为 name 的 属性 值 。 

(11) getValueNames () 方 法 : 获得 存储 在 session 对 象 中 的 所 有 对 象 名 。 

(12) putValue (String name, java. lang. Object value) 方 法 : 存储 由 name 指定 名 字 
的 属性 值 value 到 session 对 象 中 。 

(13) invalidate () 方 法 : 删除 会 话 ,并 清除 存储 在 该 对 象 中 的 所 有 对 象 。 

(14) isNew () 方 法 : 判断 当前 session 对 象 是 否 是 新 的 。 若 是 ,返回 true, 和 否则 返回 
false。 


(15) removeValue (String name) 方 法 : 删除 session 中 特定 名 称 的 对 象 。 


8.5.3 session 对 象 应 用 案例 


1. 一 次 会 话 

例 8.9 客户 会 话 期 参数 共享 。Web 服务 器 为 每 个 访问 站 点 的 用 户 创 建 一 个 
session 对 象 ,在 session 对 象 中 可 以 保存 多 个 属性 。 通 过 session. setAttribute() 方 法 设 
置 对 象 中 的 属性 值 。 只 要 sesssion 存在 ,同一 个 客户 访问 其 他 页 面 时 ,该 属性 的 值 仍 然 可 
以 使 用 。 例 如 ,使 用 session. getAttribute("Name") 语 句 , 取 出 Name 属性 量 中 的 值 。 

本 例 由 5 个 页 面 组 成 ,ex8-09. html、ex8-09. jsp、ex8-09_1. jsp .ex8-09_2. jsp 和 ex8- 
09_3.jsp。 客 户 在 ex8-09. html 页 面 输入 姓名 例如 ,“ 张 三 ”, 见 图 8-11(a) , 单 击 提交 按钮 
后 信息 交 ex8-09.jsp( 图 8-11(b)) 页 面 处 理 。ex8-09. jsp 页 面 把 * 张 三” 存储 在 session 对 
象 的 Name 属性 中 ,并 建立 一 个 count 属性 记录 客户 访问 网 站 的 次 数 。 当 客户 在 ex8-09_ 
1.jsp、ex8-09_2. jsp 和 ex8-09_3.jsp 三 个 页 面 之 间 转 跳 时 , 见 图 8-11(c) 一 (e), 只 要 不 关 
闭 浏览 器 ,三 个 页 面 共 享 同 一 个 session 对 象 ,它们 的 ID 是 一 样 的 ,显示 的 Name 属性 值 
“ 张 三 ” 也 是 一 样 的 。count 属性 值 记 录 了 客户 张 三 的 访问 次 数 。 

如 果 是 客户 李 四 访 问 网 站 , 李 四 的 count 属性 值 记 录 李 四 的 访问 次 数 。 李 四 的 count 
属性 值 与 张 三 的 count 属性 值 各 不 相干 ,读者 可 以 试 一 试 。 

(1) ex8-09. html 代码 清单 


< %@ Page contentType= "text/html; charset= GEK"®> 
<html><head> < title> session 对象 ID 和 客户 访问 次 数 统计 < /title>< /head> 
<body> 
< form action= "ex8- 09.jsp" method= post> 
请 输入 姓名 登录 网 站 :< pr> 
< inmput name= RdName size= 20> <p> 
<input type= "stbmit" value=" 确 定 " name= "submit"> 
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< input type= "reset" value=" 清 除 " name= "reset"> 
< /fom> 
< /body> < [htm> 


(2) ex8-09. jsp 代码 清单 


< $Q@ page contentType= "text/html; charset= GEK"®> 
<htbm>< head> < title> session 对象 也 和 客户 访问 次 数 统计 < /title>< /head> 
<body> 
< $!int accessCount= 0; 
String userName; 
s> 
< $session.setAttribute ("count", acoessCount); 
// 设 置 session 对 象 的 count 属性 值 , 记 录 客 户 访问 次 数 
String UserName= request .getParameter (" "); 
session.setAttribute ("Name", userName); 
// 设 置 session 对 象 的 Namet 属性 值 ,记录 客户 姓名 
%> 
< $= session.getAttripbute ("Name")%> :您 好 ! 欢 迎 光 临 网 站 以 下 页 面 <p> 
<ahre 全 ex8- 09 1.jsp> 第 一 个 页 面 < /a> gribsp;&nbsp; 
<a hre 全 ex8- 09 2.jsp> 第 二 个 页 面 < /a> gnbsp;&ribsp; 
<ahre 全 ex8- 09 3.jsp> 第 三 个 页 面 < /a> 
< /body> < /html> 


(3) ex8-09_1.jsp 代码 清单 


< $@ page contentType= "text/html; charset= GBK"g%> 
<html><head> < title> session 对 象 如 和 客户 访问 次 数 统计 < /title> < /head> 
< body> < center> 
< font size= 4 color=blue> 第 一 个 页 面 <br> sessionID< br> 
< $out .printin (session.getId()); $>< /center> <hr> 
< $Integer acC= (Integer) session.getAttribute ("count"); 
jnt accessCount= acC.intValue ()+ 1; 
session.setAttribute ("count",accessCount)7 
$%> 
< $= session.getAttribute ("Name")%> :您 好 ! 您 是 第 
< $= session.getAttribute ("count")%> 次 访问 本 网 站 ,欢迎 继续 光临 其 他 页 面 !<br> 
<ahre 人 ex8- 09 2.jsp> 第 二 个 页 面 < /a> snbsp;&nbsp; 
<a hre 人 ex8- 09 3.jsp> 第 三 个 页 面 </a> 
< /body>< /html> 


ex8-09_2. jsp 和 ex8-09_3. jsp 代码 清单 与 ex8-09_1. jsp 类 似 , 此 处 不 再 袭 述 。 在 浏 
览 器 中 运行 例 8.9 显示 的 结果 如 图 8-11 所 示 。 


2. 在 会 话 期 传递 参数 
Web 服务 器 为 每 个 访问 站 点 的 用 户 创建 一 个 session 对 象 ,在 session 对 象 中 可 以 保 
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外 session 对 象 ID 和 客 - 


生日 -|@] so/ex_Dos/exs-09html | 加 -|@ 3080/ex Dos/exs-09jsp [+ [xX 
文件 (F) 编辑 (日 查看 V) 收藏 末 ( ”| | 文件 (F) 编辑 (6 查看 (V) 收藏 夹 (A) 工具 (1 
高 收藏 夫 全 session 对 多 1D 全 session 对 多 1D 误 收 藏 夹 。 合 session 对 象 ID 和 客户 访 | 
交 入 名 于 下 张 三 :您 好 ! 欢 迎 光 临 网 站 以 下 页 面 ! 

| 第 一 个 页 面 ”第 二 个 页 面 第 三 个 页 面 


[EN] (ele) | 


(a) ex8-09.html 


(b) ex8-09.jsp 


全 session 对 条 ID 和 客 广 态 癌 X 数 -ES 
| 30/ex_Dos/ex8-09 1jsp -[+ |X 


全 session 对 象 1D 和 容 户 沪 右 兴 数 (证 
GO- 急 ]30/ex_D08/ex8-09 2jsp -| 好 X 


全 session 对 铺 1D 和 窑 户 访问 久 数 六 B3 芭 
GO- 等 | 30/ex_DO8/ex8-09 3jspl "| 女 | X 


文件 (F) 编辑 (6 查看 (V) 收藏 严 (A) 工具 ” 


re 


宽 收 藏 严 ”从 session 对 象 ID 和 客户 访问 | 


| 文 ft 编 加 (6) 查看 V) 收藏 天 (A) 工具 D“ 
训 收 荡 夹 。 合 session 对 象 1D 和 客户 访问 .。 | 


傅 session 对 象 1D 和 客户 访问 .… 加 


第 一 个 页 面 
sessionID 
4881004D1F8574E5E6119FDC323B4419 


第 二 个 页 面 
sessionID 
4881004D1F8574E5E6119FDC323B4419 


张 三 : 您 好 ! 您 是 第 2 次 访问 本 网 站 ， 
欢迎 继续 光临 其 它 页 面 ! 
第 一 个 页 面 ”第 三 个 页 面 


第 三 个 页 面 
sessionID 
4881004D1F8574E5E6119FDC323B4419 


张 三 : 您 好 ! 您 是 第 3 次 访问 本 网 站 ， 
欢迎 继续 光临 其 它 页 面 ! 
第 一 个 页 面 ”第 二 个 页 面 


1 re ， 


‘ me 


(c) ex8-09_1.jsp 


(d) ex8-09_2.jsp 
图 8-11 会 话 期 参数 共享 


(e) ex8-09_3.jsp 


存 多 个 变量 。 通 过 session. putValue() 方 法 生成 session 中 的 变量 。 例 如 session. 
putValue("BookName","Web 技术 应 用 基础 1") 语 句 在 session 中 保存 BookName 变 
量 , 其 值 为 "Web 技术 应 用 基础 1"。 只 要 sesssion 存在 ,在 同一 个 用 户 的 其 他 页 面 中 ,该 
session 中 的 值 仍然 可 以 使 用 。 使 用 session. getValue ("BookName") 语句 , 取出 
BookName 变量 中 的 值 。session 的 保留 时 间 由 系统 设置 决定 。 

例 8.10 本 例 由 3 个 页 面 组 成 一 个 多 页 面 的 Web 应 用 ,它们 的 源 代 码 是 : ex8-10. jsp、 
ex8-10 1.jsp 和 ex8-10_2. jsp。 由 于 session 对 象 在 会 话 期 间 是 一 直 有 效 的 ,所 以 在 
ex8-10. jsp 中 由 语句 session. putValue("BookName","Web 技术 应 用 基础 !"); 建 立 的 session 
对 象 的 值 "Web 技术 应 用 基础 1" ,对 后 续 页 面 ex8-10_1.jsp 和 ex8-10_2. jsp 也 有 效 。 

ex8-10. jsp: 获取 session 对 象 的 建立 时 间 和 最 后 一 次 使 用 的 时 间 。 并 使 用 session 对 象 
的 putValue 方 法 设置 一 个 session 对 象 BookName 的 值 , 该 值 是 "Web 技术 应 用 基础 1"。 

ex8-10_1.jsp: 获取 上 一 页 代码 即 ex10-10. jsp 中 的 session 对 象 的 BookName 值 ,并 
把 它 输出 到 页 面 。 同 时 设置 另 一 个 session 对 象 的 BookInfo 值 。 

ex8-10_2.jsp: 显示 以 上 两 个 页 面 的 session 对 象 BookName 和 BookInfo 的 值 ,可 以 
看 到 在 会 话 期 间 session 对 象 是 一 直 有 效 的 。 

(1) ex8-10. jsp 代码 清单 


< $@ page contentType= "text/html; harset= GB2312"%> 

< $Q@ page import= "java.util.Date" $> 

<html><head> < title> 会 话 期 传递 参数 < /title> < /head> 

<body> < center> < font size=3 color=blue> 会 话 期 传递 参数 < /font> < /center> <hr> 
< 
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Date startTime= new Date (session.getCreationTime()); 
Date lastTime= new Date (session.getLlastAccessedTime ()) 7 
session.putValue ("BookName", Web 技术 应 用 基础 !"); 
yy 
session 的 了 DD 是 : 
< 
out.println (session.getId()); 
%><br> 
session 建立 时间 :<br> 
< font color= red> < $= startTime $>< /font> <br> 
最 后 使 用 时 间 : <br> 
< font color= red> < $= lastTime $>< /font> < br> 
<ahref= 'ex8- 10 1.jsp'> 书 名 </a> 
< /body> < /html> 


(2) ex8-10_1. jsp 代码 清单 


< $@ page contentType= "text/html; charset= GB2312"%> 
<html><head> < title> session 对 象 值 传 递 < /title>< /head> 
< body> < oenter> < font size=3 color=blue> session 对 象 值 传递 < /font> < /center> <hr> <br> 
session 的 了 D 是 : <br> 
< 

out.println (session.getId()); 
$%> <br> 

书 名 : <%=session.getValue ("BookName")$><p> 
< $session.putValue ("BookInfo", "Web 站 点 构建 技术 Web 编程 技术 和 数据 库 发 布 技 术 。");%> 
<a href= 'ex8- 10 2.jsp'> 内 容 简 介 < /a>< /center> 
< /body> < [htm> 


(3) ex8-10_2. jsp 代码 清单 


< $@ page contentType= "text/html; charset= GB2312"%> 
<htm><head> < title> session 对 象 值 传递 < /title> < /head> 
<body> < center> < font size=3 color=blue> session 对象 值 传递 < /font> < /center> <hr> <br> 
session 的 了 D 是 : 
< 
out.println (session.getId()); 
$%><br> 
书 名 : <%=session.getValue ("BookName")%$><p> 
内 容 简 介 : < $= session.getValue ("BookInfo")$>< /center> 
< /body> < /html> 


(4) 运行 ex8-10. jsp 的 结果 如 图 8-12(a) 所 示 。 单 击 图 8-12(a) 中 “ 书 名 ” 超 链接 ,页 
面 转 跳 至 ex8-10_1. jsp 页 面 ,如 图 8-12(b) 所 示 。 图 8-12(a) 页 面 的 session 值 : "Web 技 
术 应 用 基础 1" ,在 图 8-12(b) 的 页 面 上 仍然 有 效 。 单 击 图 8-12(b) 中 的 “内 容 简 介 ” 超 链 
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接 ,页面 转 跳 至 ex8-10_2.jsp 页 面 , 如 图 8-12(c) 所 示 。 


全 会 话 期 传递 参数 - Wind 上 El 于 > 


总 session 对 象 什 传 递 - Wi 全 


I® 千 ] 30/ex_D08/ex8-10 1jsp -| I®w 多 | 30/ex_D08/ex8-10_2j 


1 乱 ] ;080/ex_D08/ex8-10jsp ~ + 


上 文件 (F) 纺 纺 (8 查看 V) 收 训 夹 A) 工 "‖ | 文人 (P， 编 辑 日 吉 看 V) 收藏 夫 (A) 工 "|‖ |‖ 文人 (P， 编 辑 (日 坦 看 V) 收藏 (A) Ey 
高 收 茂 夹 | 合 会 话 期 传递 参数 [| 寞 三 夹 。 售 session 对 象 值 传递 言 收 藏 天 “全 session 对 象 信 传 弟 
会 话 期 传递 参数 FE session 对 象 值 传递 session 对 象 值 传递 
咱 session 的 ID 是 : 


C65227A6E5D68600C4470E04BEA13F1A 用 session 的 ID 是 : 用 session 的 ID 是 : 
上 | session 建 立时 间 : C65227A6E5D68600C4470E04BEA13F1A C652: Ta 
5 22:39:26 CST 2013 书 名 : Web 技 术 应 用 基础 ! 书 名 : Web 技 术 应 用 基 | 
22:44:25 CST 2013 内 容 简介 : Web 站 点 构建 技术 、Web 编 
程 技术 和 数据 库 发 布 技术 。 
(a) ex8-10.jsp (b) ex8-10_1.jsp (c) ex8-10_2.jsp 


图 8-12 session 会话 期 间 不 同 页 面 间 的 值 传递 


8.6 ”application 对 象 
application 是 服务 器 运行 期 间 所 有 客户 共享 的 对 象 。 
8.6.1 application 对 象 的 功能 


application 对 象 是 所 有 客户 共享 的 对 象 。 它 用 于 客户 之 间 的 数据 共享 ,类 似 于 服务 
器 运行 期 的 全 局 变量 。 服 务 器 启动 后 ,新 建 一 个 application 对 象 ,在 多 个 客户 访问 时 , 共 
享 同一 个 application 对 象 ;服务 器 关闭 后 ,释放 该 application 对 象 。application 对 象 与 
session 对 象 的 不 同 之 处 如 下 。 

(1) 每 个 客户 拥有 自己 的 session 对 象 ,保存 客户 自 有 信息 。 如 果 有 100 个 访问 客 
户 , 就 有 100 个 session 对 象 。 所 有 的 客户 共享 同一 个 application 对 象 , 保 存 服务 器 运行 
期 所 有 客户 的 共享 信息 ,即使 有 100 个 访问 客户 也 只 有 1 个 application 对 象 。 

(2) session 对 象 生 命 期 从 客户 打开 浏览 器 与 服务 器 建立 连接 开始 ,到 客户 关闭 浏览 
器 为 止 ,在 客户 的 多 个 请 求 期 间 持 续 有 效 。application 对 象 生 命 期 从 服务 器 启动 开始 ,到 
服务 器 关闭 为 止 。 

(3) 可 以 使 用 session 对 象 存 储 某 个 客户 在 一 个 会 话 期 间 的 数据 ,例如 记录 某 个 客户 
的 姓名 、 密 码 等 。 使 用 application 对 象 存 储 服 务 器 运行 期 所 有 客户 共享 的 变量 ,例如 记 
录 所 有 客户 的 访问 次 数 等 。 


图 8-13 说 明了 session 对 象 与 application 对 象 的 功能 与 不 同 之 处 。 
8.6.2 application 对 象 常用 方法 


(1) getAttribute(String name) : 获得 application 对 象 name 属性 的 属性 值 。 
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在 客户 1 浏览 器 关闭 之 
前 ， 客 户 1 的 session 
对 象 一 直 存 在 


服务 器 关闭 之 
前 application 对 
象 一 直 存在 


客户 1 session 对 象 
客户 1 信息 


服务 器 册 
图 8-13 ， session 对 象 与 application 对 象 


(2) getAttributeNames(): 获得 一 个 枚 举 对 象 , 该 枚 举 对 象 调用 nextElements( ) 方 
法 可 以 获得 application 对 象 中 的 所 有 变量 名 。 

(3) getInitParameter(String name) : 获得 application 对 象 中 name 属性 的 初始 值 。 

(4) getRealPath() : 获得 文件 的 实际 路 径 。 

(5) getServerInfo() : 获得 Servlet 编译 器 的 当前 版 本 信息 。 

(6) removeAttribute(String name): 删除 application 中 的 name 对 象 。 

(7) setAttribute(String name,O 〇 bject value): 把 application 对 象 中 name 属性 的 属 
性 值 设 为 value。 

(8) getMimeType () 方 法 : 获得 特定 文件 的 MIME 类 型 。 如 果 是 未 知 的 MIME 类 
型 , 则 返回 空 值 。 常 见 的 MIME 类 型 有 txt/html 和 image/ gif。 


8.6.3 application 对 象 应 用 案例 


1. 输出 全 局 数据 

例 8.11 本 例 的 源 代码 ex8-11. jsp 使 用 application 对 象 输出 应 用 程序 在 服务 器 运 
行 期 间 的 一 些 全 局 信息 。“application. setAttribute("BookName" ,”Web 技术 应 用 基础 ");” 
语句 把 application 对 象 的 BookName 属性 值 设 为 "Web 技术 应 用 基础 ”, 并 输出 Servlet 编译 
器 的 版 本 号 和 版 本 信息 、 应 用 程序 的 文件 路 径 、 对 象 属性 值 等 信息 。ex8-11. jsp 代码 清单 
如 下 : 


< $@ page contentType= "text/html; harset= GB2312"%> 

<html> < head> < title> application< /title> < /head> 

<body> 

<% 
out.printin("Java Servlet API 版 本 号 : "+ application.getMajorVersion()+"."+ 

application.getMinorVersion()+ "< br> "); 

out.println(" 文 件 login.htm 的 MIME 类 型 :"+ application.getMimeType (\\login.htm")+ "<br> "); 
out.printin(" 程 序 ex8- 11.jsp 的 URL:"+ application.getRealPath ("ex8- 11.jsp")+"<br> "); 
out.println (" 服 务 器 信息 : "+ application.getServerInfo()+ "<br> "); 
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application.setAttribute ("BookName" "Wab 技 术 应 用 基础 "); 
out.printin(" 书 名 ， "+ application.getAttribute ("BookName")+ "<br> "); 
$s> 
< /body> < /html> 


代码 ex8-11. jsp 的 运行 结果 如 图 8-14 所 示 。 


加 J080/ex Do8/ex8-11jsp * | |X 


文件 (F)】 编辑 (查看 (V)】 收藏 夫 (A) 工具 (T) 帮助 (H) 
这 收 诚 只 合 application 回 


由 Java Servlet API 版 本 号 : 3.0 

由 文件 1ogin. btm 的 MIME 类 型 :tcxt/html 

册 程序 exs-11. jsp 的 URL:D:\Tomcat 7. 0\webappsNex_D08\ex8-11. jsp 
服务 器 信息 : Apache Tomcat/7. 0. 39 
书 名 : Web 技 术 应 用 基础 


图 8-14 _ application 对象 应 用 


2. 计数 器 

例 8. 12 ex8-12. jsp 代码 对 用 户 的 访问 量 进行 统计 ,统计 客户 的 访问 量 。 使 用 
application 对 象 的 count 属性 记录 访客 次 数 , 如 果 是 新 客户 ,计数 器 加 1, 并 输出 计数 值 ， 
如 果 不 是 新 客户 ,直接 输出 计数 值 。 注 意 该 例 与 例 8. 9 的 区 别 。 例 8. 9 的 session 对 象 统 
计 的 是 某 个 客户 访问 网 站 的 次 数 。 而 本 例 是 application 对 象 ,统计 的 是 所 有 客户 访问 网 
站 的 次 数 。 代 码 清单 如 下 : 


<$%Q@ page contentType= "text/html; charset= GBK"%> 
<htm><head><title> 网 站 计数 器 < /title> < /head> 
<“body> 
<% 
if (session.isNew()){ 
synchronized(application){ // 同 步 处 理 
Integer accessCount= (Integer)application.getAttribute ("count"); 
if (accessCount==mnull){ 
accessCount= new Integer (1); 
application.setRAttribute ("count",accessCount)7 
} 
else { 
accessCount= new Integer (accessCount.intValue ()+ 1); 
// 将 访问 量 保存 到 内 存 当 中 
application.setAttribute ("count",accessCount); 
} 
out.print ("您 是 本 站 的 第 +acoesscount+ "位 客人 站 
} 


else{ 
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Integer accessCount= (Integer)application.getAttribute ("count"); 
cut.print ("您 是 本 站 的 第 "+acoesscount+ "位 客人 "); 
} 
$%> 


< /body> < [htm> 
代码 ex8-12. jsp 的 运行 结果 如 图 8-15 所 示 。 


名 网 站 计数 加- Wind HS 


GT- S| ;080/ex_D08/ex8-12jsp 


[全 网 站 计数 吕 > Wind:- 
OO 080/ex Dos/exe- 12jsp 


文件 (F) 编辑 查看 V) 收藏 夫 (A” 文件 (站 纺 ( 昌 查看 V) 收藏 夫 (A” 
高 收 诚 夫 谷 网 站 计数 器 | 室 收 藏 夫 。 “| 谷 网 站 计数 名 
您 是 本 站 的 第 1 位 客人 | 您 是 本 站 的 第 6 位 客人 
图 8-15 计数 器 


8.7 exception 对 和 象 


8.7.1 exception 对 象 的 功能 


exception 对 象 用 来 发 现 .捕获 和 处 理 异 常 。 它 是 java. lang. Throwable 类 的 一 个 实 
例 , 是 JSP 文件 运行 异常 时 产生 的 对 象 。JSP 异常 
处 理 机 制 见 图 8-16。 如 果 JSP 页 面 在 运行 时 有 异 
常 现象 发 生 , 则 抛 出 一 个 异常 。 如 果 该 页 中 定义 了 | 运行 时 JSP 
异常 处 理 页 , 则 由 异常 处 理 页 面 来 处 理 异 常 (异常 处 
理 页 中 要 包含 二 %@ page isErrorPage 一 ”true” 听 过 
语句 )。 如 果 没 有 定义 异常 处 理 页 , 则 由 服务 器 处 理 
异常 ,也 可 以 在 catch 程序 段 捕 获 异常 。 


抛 出 异常 


8.7.2 JSP 异常 处 理 语句 图 8-16 异常 处 理 机 制 


应 用 try-catch-finally 语句 进行 异常 处 理 , 结 构 如 下 : 


try{ 
抛 出 异常 模块 
} 
Catch{ 

扑 获 异常 模块 
} 
finally{ 

处 理 异常 模块 
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8.7.3 exception 对 象 常用 方法 


(1) getMessage 方 法 : 获取 异常 信息 。 

(2) toString 方法 : 获取 该 异常 对 象 的 简短 描述 。 如 果 该 对 象 包 含 异 常 消息 字符 串 ， 
则 返回 数据 "对象 的 实际 类 名 十 “: ”十 getMessage 方法 的 返回 值 "。 如 果 该 对 象 不 包含 异 
常 消息 字符 串 , 则 返回 实际 的 类 名 。 


8.7.4 ”异常 处 理应 用 案例 


1. 在 JSP 页 面 中 处 理 异常 

例 8.13 代码 ex8-13. jsp 中 的 除法 用 0 作为 除数 , 抛 出 一 个 异常 ,在 catch 程序 段 捕 
获 , 并 处 理 了 该 异常 。 

ex8-13. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html;harset= GBK" language= "java" $> 
<htm><head><title> 异 常 处 理 < /title> < /head> 
<body> 
< 
int a=10, b=0,c; 


ca/b; 
out.print (c); 
} 
catch (ArithmeticExoeption ae) { 
out.println ("错误 信 息 :"+ ae.getMessage()); 
} 
务 > 
</body> < /html> 


ex8-13. jsp 运行 结果 如 图 8-17 所 示 。 

2. 使 用 异常 处 理 页 面 处 理 异常 

例 8.14 与 上 例 类 似 , 除 法 用 0 作为 除数 , 抛 出 一 个 异常 ,在 catch 程序 段 捕获 ,由 异常 
处 理 页 面 ex8-14_1. jsp 处 理 异 常 。 

ex8-14. jsp 代码 清单 


Be Rr :| 


< %@ page contentType= "text/html; charset= GBK" language= "java" 有 
errorPage= "ex8- 14 1.jsp"s> ’ 

<htm><head><title> 异 常 处 理 </title>< /head> 错误 信息 :/ by zero 

<body> Dt 
汪汪 图 8-17 异常 处 理 
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int a=10, b=0,c; 
try{ 
Ca/b; 
out.print (c); 
} 
catch (ArithmeticExosption ae){ 
throw new RrithmeticFxception(" 错 误 信 息 :"+ ae.getMessage())7 
} 
s> 
< /body> < [htmy> 
ex8-14_1. jsp 代码 清单 
< $@ page isErrorPage= "true" contentType= "text/html;charset= gb2312" language= "java" $> 
<html><head><title> 处 理 异常 页 面 < /title>< /head> 
< body> < center> 
<font size=4 color=blue> 处 理 异 常 页 面 </font><hr><font size=3 color=red> 
< $= exception.toString()%> < /font> < /center> 
< /body> < /html> 


ex8-14. jsp 运行 结果 如 图 8-18 所 示 。 


条 处理 别 常 页 面 - Windows Temet Explorer Le 
加- 网 ;080/ex Dos/exs-14jsp -|*|]x| 可 si 

三 = 

言 收藏 夹 ”|[ 测 处 理 异常 页 面 | 

处 理 异 常 页 面 


java. lang. ArithmeticException: 错误 信息 :/ by zero 


图 8-18 调用 异常 处 理 页 处 理 异 常 


8.8 JSP 其 他 内 置 对 象 


8.8.1 page 对 象 


1. page 对 象 的 功能 
page 对 象 是 java. lang. Object 类 的 一 个 实例 ,表示 JSP 处 理 程序 本 身 , 代 表 编 译 后 的 
Severlet 实例 。 在 使 用 Java 作 脚本 语言 时 ,可 以 用 this 关键 字 引 用 page 对 象 。 


2. page 对 象 的 方法 

(1) getClass(): 获得 对 象 运行 时 的 类 。 

(2) hashCode() : 获得 该 对 象 的 哈 希 码 值 。 

(3) equals() : 用 来 判别 其 他 对 象 是 否 与 该 对 象 相等 。 
(4) clone(): 创建 并 返回 当前 对 象 的 拷贝 。 
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(5) toString() : 取得 表示 该 对 象 的 字符 串 。 


3. 应 用 举例 
例 8.15 本 例 ex8-15. jsp 的 源 代码 说 明了 page 对 象 部 分 方法 的 应 用 ,代码 清单 
如 下 : 


< $@ page contentType= "text/html; charset= CB2312"%> 

<htm><head> < title> page 对象 应 用 < /title> < /head> 

<body> < center> < font size= 4 color=blue> page 对 象 应 用 案例 < /center> <hr> < /font> 

< 和 
out.println (SP 文件 的 类 是 : "+ "<br> "+page.getclass()+"<p>"); 
out.println ("page 对象 的 哈 希 码 值 是 : "+page.hashCcoge()+"<p>"); 
out.println (page 对 象 转换 成 字符 串 : "+ page.tostring()); 

> 

</body> < [htm> 


ex8-15. jsp 的 运行 结果 如 图 8-19 所 示 。 


9 pag' -Win Internet Explorer E 
GD/ex pos/exe 15jsp -| 41x [Bon 


误 收 藏 灾 ” 园 page 对 象 应 用 
page 对 象 应 用 案例 


JSP 文 件 的 类 是 : 
class org. spache. jsp. ex8 002d15 jsp 


page 对 象 的 哈 希 码 值 是 : 6351673 


page 对 象 转换 成 字符 米 : org. apache. jsp. ex8_002d15_jsp860eb39 


图 8-19 page 对 象 应 用 案例 


8.8.2 pageContext 对 象 


1. pageContext 对 象 的 功能 

页 面 上 下 文 对 象 pageContext 被 封装 为 java. servlet. jsp。pageContext 接口 ,主要 功 
能 是 存储 与 当前 页 面相 关 信息 ,例如 属性 .内 置 对 象 等 ,并 通过 对 象 的 方法 获取 当前 页 面 
信息 。 使 用 pageContext 对 象 提 供 的 方法 ,可 以 访问 本 页 面 的 其 他 对 象 ,例如 request、 
response、session 等 对 象 。 


2. pageContext 对 和 象 方法 

(1) setAttribute(String name,Object obj): 由 obj 初始 化 name 属性 。 

(2) getAttribute(String name): 返回 pageContext 对 象 name 属性 的 属性 值 。 

(3) findAttribute(String name) : 按照 page、request、session 和 application 的 次 序 查 
找 由 name 指定 名 字 的 对 象 属性 。 

(4) removeAttribute(String name) : 删除 特定 范围 内 的 name 属性 。 

(5) getAttributesScope (String name) : 返回 一 个 整 型 数 ,表示 与 name 给 定名 字 相 
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关 对 象 的 作用 范围 。 
(6) include(String name): 将 给 定名 字 包 含 进来 。 


(7) getAttributesNamesScope(int scope): 返回 一 个 枚 举 对 象 ,包含 特定 作用 范围 内 


所 有 属性 名 字 的 集合 
(8) getException() : 返回 当前 页 面 中 的 exception 对 象 。 
(9) getRequest(): 返回 当前 页 面 中 的 request 对 象 。 
(10) getResponse(): 返回 当前 页 面 中 的 response 对 象 。 
(11) getSession(): 返回 当前 页 面 中 的 session 对 象 。 
(12) getServletConfig(): 返回 当前 页 面 中 的 servletConfig 对 象 。 
(13) getServletContext(): 返回 当前 页 面 中 的 servletContext 对 象 。 


3. pageContext 对 象 应 用 案例 


例 8.16 ex8-16.jsp 说 明了 pageContext 对 象 部 分 方法 的 使 用 。 语 句 pageContext. 


setAttribute(" 文 件 名 " ,filename) ;把 "文件 名 "属性 指定 为 filename( 即 ex8-16 
存在 pageContext 对 象 中 。 通 过 getAttribute 和 findAttribute 方法 都 可 以 获得 该 


.jsp) 值 , 保 
属性 。 应 用 


removeAttribute 方法 删除 "文件 名 ”属性 ,删除 后 再 应 用 getAttribute 方法 ,将 得 不 到 属性 值 。 
使 用 include 方法 把 代码 “ex8-15. jsp” 包 含 进来 ,并 在 浏览 器 中 输出 。ex8-16. jsp 代码 清单 


如 下 : 


< $@ page contentType= "text/html; charset= GB2312"%> 
<html>< head> < title> pagecotext 对 象 应 用 案例 < /title> < /head> 


< body> < center> < font size= 3 color=blue> pageCotext 对 象 应 用 案例 < /font> < /center> <hr> 


< 
String filename= "ex8- 16.jsp"; 
pageCcntext .setAttribute ("文件 名 ",filename); 
out.println ("pageContext .getAttribute(\" 文 件 名 \")= "+ pageContext. 
getAttribute ("文件 名 ")+ "<br> "); 
cut.println ("pageContext .findattribute(\" 文 件 名 \")= "+ pageContext. 
findattribute ("文件 名 ")+"<br> "); 
out .printin ("pageContext .getAttributesscope(\" 文 件 名 \")= 


"+ pageContext.getAttributesscope ("文件 名 ")+ "<br> "); 


pageContext.removeAttribute ("文件 名 "); 
out.println ("After remove, the pageContext .getAttribute(\" 文 件 名 \")= 


"+ pageContext .getAttribute ("文件 名 ")+"<p> "); 


pageContext..include ("ex8- 15.jsp"); 
%> 
< /body> < /html> 


ex8-16. jsp 的 运行 结果 如 图 8-20 所 示 。 


8.8.3 config 对 象 


1. config 对 象 功能 
config 对 象 保存 页 面 初始 化 配置 信息 。 
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全 pagecotext 对 象 应 用 吝 例 -Windows Internet Explorer 
网 ;080/ex_Dos/ex8-16jsd “| |X | 国 Bing p 


| 误 收 藏 夹 ” 园 pagecotext 对 象 应 用 案例 


pageCotext 对 象 应 用 案例 


pageContext. getAttribute ("文件 名 ")=ex8-16. jsp 
pageContext. findAttribute(“ 文 件 名 “)= 2 3 jsp 
pageContext. getAttributesScope (“文件 名 

After remove, the pageContext. getAttribut et 文件 名 ")=null 


page 对 象 应 用 案例 和 


JSP 文 件 的 类 是 : 
class org. apache. jsp. ex8_002d15_jsp 


page 对 象 的 哈 希 码 值 是 : 6351673 


page 对 象 转换 成 字符 串 : org. apache. jsp. ex8_002d15_ jsp860eb39 


图 8-20 ”pageCotext 对 象 应 用 案例 


2.config 对 象 方法 

(1) getServletContext() : 获得 Servlet 与 服务 器 交互 的 信息 。 

(2) getInitParameter(String name) : 返回 由 name 指定 名 字 的 初始 参数 值 。 如 果 参 
数 不 存 在 , 则 返回 空 值 。 

(3) getInitParameterNames (String name): 返回 所 有 初始 参数 名 称 的 集合 。 如 果 
参数 不 存在 , 则 返回 空 值 。 

config 对 象 方法 的 应 用 与 其 他 对 象 类 似 , 此 处 不 再 歼 述 。 


8.9 Cookie 对象 


8.9.1 Cookie 对 象 的 功能 


Cookie 的 英文 原意 是 “小 甜 饼 ? 的 意思 。 当 客户 第 一 次 访问 服务 器 时 ,服务 器 在 客户 
的 硬盘 上 建立 一 个 小 文本 文件 ,用 来 跟踪 访问 Web 站 点 的 用 户 。 它 记录 了 有 关 用 户 的 信 
息 , 如 用 户 的 身份 证 号 码 . 账 号、 密码 .操作 购物 方式 .兴趣 爱好 、 访 问 站 点 次 数 . 访 问 路 
径 、 最 后 访问 时 间 等 。 当 客户 下 次 再 访问 同一 Web 站 点 时 ,站 点 的 页 面 会 查找 这 个 
Cookie ,浏览 器 把 它 原样 传送 给 服务 器 。 每 个 Web 站 点 都 有 自己 的 Cookie, 它 的 内 容 由 
Web 服务 器 管理 者 决定 ,可 以 随时 读 取 ,但 只 能 被 该 Web 站 点 的 页 面 读 取 。Cookie 文件 
存放 在 Windows 的 Cookies 文件 夹 下 。 

Cookie 对 象 给 用 户 提 供 了 许多 方便 。 例 如 ,可 以 不 用 重复 登录 ,接受 网 站 管理 者 的 
个 性 化 服务 等 。 

Cookie 为 网 站 管理 者 带 来 商业 利益 ,管理 人 员 可 以 根据 Cookie 内 容 为 用 户 定制 个 
性 化 的 服务 。 例 如 : 投 发 具有 针对 性 的 广告 ,定制 页 面 ,购物 时 推荐 商品 等 。 

Cookie 在 为 用 户 带 来 了 方便 ,为 网 站 的 管理 者 带 来 了 利益 的 同时 ,也 具有 一 定 的 风 
险 ,有 不 良 网 站 利用 Cookie 非法 使 用 客户 信息 。 为 安全 起 见 ,客户 可 以 在 浏览 器 中 对 
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Cookie 的 级 别 进 行 设置 。 在 下 浏览 器 的 菜单 栏 中 选择 :“ 工 具 (T)”>“Internet 选项 
CO)”, 在 弹出 的 “Internet 选项 ”对 话 框 中 选择 “隐私 ”选项 卡 ,对 Cookie 的 级 别 进行 设置 。 
级 别 有 : 接受 所 有 Cookie\ 低 、 中 、 中 上 、 高 和 制止 所 有 Cookie 等 ,默认 值 是 中”, 客户 可 
以 根据 需要 自行 选择 。 


8. 9.2 Cookie 对象 的 属性 


Cookie 对 象 的 属性 及 说 明 见 表 8-2 。 


表 8-2 ”Cookie 对 象 的 属性 及 说 明 


属 性 说 明 
name Cookie 对 象 的 名 字 ,是 每 个 Cookie 对 象 必须 有 的 属性 。 
value Cookie 的 值 ,是 每 个 Cookie 对 象 必 须 有 的 属性 。 
expires Cookie 的 过 期 时 间 。 
domain 设置 Cookie 的 Web 页 面 所 在 的 计算 机 域名 。 
jab 可 以 设 定 一 个 Cookie 只 针对 站 点 的 某 一 层次 。 该 项 是 可 选项 , 若 指定 , 则 Cookie 只 


被 发 送 到 path 指定 路 径 的 请 求 中 去 。 


Secure 


是 一 个 布尔 值 ,默认 值 是 false。 如 果 设 为 true, 则 浏览 器 认为 该 Cookie 是 安全 的 服 


8.9.3 创建 Cookie 对 象 


创建 Cookie 对 象 的 语法 规则 如 下 : 


Cookie 对 象 名 =new Cookie ("变量 名 ", 数 值 ) 


例如 ， 


Cookie cookieBookNmz new Cookie ("BookName"，"Web 技 术 应 用 基础 !"); 


创建 了 名 为 cookieBookNm 的 Cookie 对 象 , 并 把 数值 "Web 技术 应 用 基础 1" 赋 给 变 


量 "BookName"。 


8.9.4 ”Cookie 对 象 的 方法 
1. addCookie 方法 
addCookie 方法 向 客户 机 添加 一 个 Cookie 对 象 。 


2. getCookie 方法 
getCookie 方法 取得 Cookie 对 象 的 数据 。 


第 8 章 ，JSEP 内 置 对 象 一 一 一 一 一 一 一 一 (N239 


8.9.5 ”Cookie 对 象 应 用 案例 


例 8.17 Cookie 数据 存 取 。 代 码 ex8-16. jsp 把 字符 串 " 欢 迎 学 习 Web 技术 应 用 基 
础 1" 赋 给 变量 " MyString", 并 保存 到 Cookie 对 象 cookieMyString 中 ,然后 再 从 
cookieMyString 对 象 中 把 数据 取出 。ex8-17. jsp 代码 清单 如 下 : 


< $@ page jmport= "java.util.Date" $> 
< $@ page contentType= "text/html; harset= GB2312"%> 
<htm><head> < title> Cookie 数 据 的 存 取 < /title>< /head> 
< body> < center> < font size=4 color=blue> Cockie 数 据 存 取 案 例 < /font> < /oanter> <hr> 
< // 创 建 cookie 对 象 
Cookie cookieMyString= new Cookie ("MyString", 
java.net.URILEncoder.encode ("欢迎 学 习 Web 技 术 应 用 基础 !")); 
Cookie terp= null17 
response.addCookie (cookieMyString) ; 
/将 cookie 变 量 的 数值 加 入 cookie 对 象 中 
Cookie[] cookies= request .getCookies(); 


int cookielen= cookies. length; // 取 得 cookie 数 组 的 长 度 
if(cookielen !=0){ 
for (int i=0; i< cookielen; i++){ // 取 得 cookies 数 组 中 的 cookie 变量 
temp= cookies [i]; 
证 (temp.getName () .equals ("MyString")) { 
多 > 
Cookie 中 < font color=blue>Mystring < /font> 变 量 值 为 : 
< center> < font size= 4 color= red> 
< $= java.net .URLDecogder .decode (cookieMyString.getValue ())%> 
< /font> < BR> < /center> 
< 
} 
} 
Jelse{ 
%> 无 法 取得 Cookie< ER> 
<% 
} 
务 > 
</body>< /htm> 


ex8-17. jsp 的 运行 结果 如 图 8-21 所 示 。 


8.10 JSP 内 置 对 和 象 在 网 上 书店 中 应 用 案例 


Tt 


例 8.18 使 用 JSP 内 置 对 象 制作 网 上 书店 中 的 订单 处 理 模 块 。 为 了 使 代码 易于 理 
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合 Cookie 数 局 的 让 取 - Wi 到 i 岂 53 
例 回 相隔 ;oso/ex Dos/exs-17jsp | 


袖 收 藏 天 Cookie 数 据 的 存 取 


Cookie 数 据 存 取 案例 


Cookie 中 MyString 变量 值 为 : 
欢迎 学 习 Web 技 术 应 用 基础 ! 


图 8-21 Cookie 数据 存 取 


解 ,暂时 去 除了 源 代码 中 的 数据 库 连 接 部 分 。 数 据 库 连 接 部 分 的 内 容 将 在 下 一 章 讲解 。 


1. 任务 要 求 
要 求 在 页 面 上 为 客户 制作 一 个 订单 ,接收 客户 的 姓名 、 地 址 ,联系 电话 和 上 邮编 等 信息 。 
订单 处 理 界面 如 图 8-22 所 示 
http//12 Internet Explore' 加 
0a000/ex puoier jad -sx [Em 


;文件 (F) 编辑 (查看 V) 收藏 天 (A) 工具 (T) 帮助 (H) 
请 收藏 灾 ” 泡 http://127.0.0.1:8080/ex D.. 


= = 


Wang Luo gou shu xi tong 今天 是 2013 年 5 月 7 日 , 欢迎 光临 ! 
食 首 页 精品 图 书 “| 同 新 书 梁 书目 查找 ”我 的 订单 “|? 购书 车 | | 入 读 者 留言 


为 方便 我 们 及 时 将 书 送 到 您 手 上 ， 请 您 确保 以 下 信息 真实 可 靠 :〔 带 * 号 的 为 必 填 项 ， 其 它 的 可 以 不 填 ) 


收 货 人 姓名 RE 


二 
收 货 人 地 址 北京 朝阳 区 北西 环 本 路 呆 号 * 
联系 电话 12545678 : 
邮编 100101 本 

上 | 付费 方式 : 闻 局 汇 软 
送 货 方式 24 小 时 全 国 特快 专 遂 

和 于 下 il 单 重新 培 瑟 


图 8-22 订单 处 理 


客户 在 文本 框 中 输入 姓名 、 地 址 、 联 系 电话 和 邮编 ,然后 单 击 “ 我 要 下 订单 ”按钮 ,将 表 
单 输入 信息 提交 服务 器 应 用 程序 来 处 理 。 应 用 程序 接收 信息 后 ,为 用 户 反 馈 必要 的 信息 。 


2. 制作 表单 ,收集 用 户 信 息 
页 面 orderl. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312" $> 
< Srequest.setCharacterFncoding ("GB2312"); $> 
< script language= "javascript"> 
区 本 = 
finction CheckSubmit () 
{ 
if( document .orderfom.receiver.value=="™ ) 
{ alert ("请 输入 收 货 人 姓名 !");dpament.orderfomm.reoeiver.foous();rehmm false; } 
if( document .orderform.address.value=="" ) 


第 8 章 JSP 内 置 对 象 


242 


{ alert ("请 输入 收 货 人 地 址 由; dbament.arderform.adHress.foos0; zebmm false; } 
if( document .orderform.phone.value=="™" ) 
{ alert ("请 输入 联系 电话 四 ; doament.orderfom.Hhone.foaus();retum false; } 
if( document .orderform.postoode.value=="" ) 
{ alert (请 输入 邮编 !"); doament.orderfomm.postaode.fooss() ;rebm false; } 
retum true; 
} 
< /script> 
< link href= "maincss.css" rel= "stylesheet" type= "text/css"> 
<div alignr= "ceanter"> 
<table width= "750" border= "0" cellspacing= "1" cellpadding= "1"> 
<tr> 
<td><div align= "center"> < %@ jinclude file= "top.jsp" s>< /div> < /td> 
</tr> 
< 
<td><div align= "center"> 
< table width= "100%" border= "0" cellpactiingF "0" cellspacingF "0" class= "td"> 
< form name= "orderfomm" action= "order2.jsp" method= "post"> 
<tr> 


<taq colspan= "2"> 为 方便 我 们 及 时 将 书 送 到 您 手 上 ,请 您 确保 以 下 信息 真实 可 靠 : 
借 <font color= "red"> x < /font> 号 的 为 必 填 项 ,其 他 的 可 以 不 填 )< /font> 


</td> 

< /tr> 
<tr> 

<td colspan= "2"> < hr size= "1" noshade width= "100%"> < /td> 
</tr> 
<tr> 

<t 中 收 货 人 姓名 :< /td> 

< to> < input name= "receiver" type= "text" size= "20"> 

< input name= "userid" type= "hidden"> 
< font color= "red"> * < /font>< /td> 

</tr> 
<tr> 

<td> 收 货 人 地 址 :< /td> 
< tod> < input name= "address" type= "text" size= "40"> 

< font color= "red"> * < /font>< /td> 

< 
<tr> 

<to> 联 系 电话 :< /td> 

< to> < input name= "phone" type= "text" size= "20"> 

< font color= "red"> * < /font> < /td> 

</tr> 
<tr> 

<t 中 邮编 :< /td> 
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< to> < input name= "postcode" type= "text" size= "20"> 
< font color= "red"> * < /font> < /td> 
</tr> 
<tr> 
<to> 付 费 方式 :< /td> 
<to> 
< select name= "payment"> 
<option value= 哇 局 汇款 吃 邮 局 汇款 < /cption> 
< option value= " 恨 行 转账 少 银 行 转账 < /cption> 
<opticn value= " 货 到 付款 少 货 到 付款 < /cption> 
</select> 
< /tr> 
<tr> 
<td> 送 货 方式 :< /td> 
<to> 
< select name= "deliver"> 
<option value= "24 小 时 全 国 特快 专递 ">24 小 时 全 国 特 快 专递 < /option> 
<cption value= " 哪 局 托运 图 邮局 托运 < /cption> 
</select> 
</td> 
</tr> 
<tr> 
<td colspan= "2"> < div align= "center"> 
<input type= "Simit" value=" 我 要 下 订单 " qrclide= "retm qeckSimit ();"> 
< input type= "reset" value=" 重新 填写 "> 
</div>< /td> 
</tr> 
< /fom> 
< /table> 
< 
< 
<td ><div alignr "center"> < %$@ include file= "bottom.jsp" $>< /div> < /td> 
</tr> 
< /table> 
</div> 


3. 建立 服务 器 端 应 用 程序 
order2. jsp 清单 如 下 : 


< $@ page contentType= "text/html; harset= GB2312" $> 

< $request.setCharacterEncoding ("GB2312"); $> 

< link href= "maincss.css" rel= "stylesheet" type= "text/css"> 

<div alignr "center"> 

<table width= "750" border= "0" cellspacing= "1" cellpadding= "1"> 
A 
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<td><div alignF "center"> < $@ jinclude file= "top.jsp" $>< /div> < /td> 
</tr> 
二 
<tdo><div alignr "center"> 
< table width= "100%" border= "0" osllpadding= "1" osllspacing= "I" class= "ta"™> 
< 
<td colspanr "6"> 您 已 经 成 功 下 单 , 下 面 是 您 这 次 订单 信息 ， 
我 们 的 工作 人 员 会 及 时 与 您 联系 .< /td> 
</tr> 
<tr> 
<td colspar= "6"> <hr size= "1" noshade width= "100%"> < /td> 
</tr> 
<tr> 
<tqd colspar= "2"> 收 货 人 :< $= request .getParameter ("receiver")$>< /td> 
</tr> 
<tr> 
<td colsparr "2"> 地 址 :< $= request .getParameter ("address")%$>< /td> 
</tr> 
<tr> 
<td colspar= "2"> 邮编 :< $= request .getParameter ("postcode")%>< /td> 
</tr> 
<tr> 
<td colspar= "2 吃 联 系 电话 :< $= request .getParameter ("phone")$> < /td> 
</tr> 
<tr> 
<td colspan= m><div align= "left"> 谢 谢 您 的 支持 !< /div> < /to> 
</tr> 
< /table> 
Ht 
<tr> 
<td ><div alignr "center"> < $@ include file= "bottam.jsp" $>< /div> < /td> 
</tr> 
< /table> 
</div> 


4. 代码 说 明 

(1) orderl. jsp 代码 中 二 % 二 request. getParameter("receiver") 二 语句 的 作用 是 : 
使 用 request 对 象 接收 form 表单 中 的 receiver 信息 ,并 把 它 输出 到 浏览 器 中 。 

(2) orderl. jsp 和 order2. jsp 代码 中 的 语句 : 

< link href= "maincss.css" rel= "stylesheet" type= "text/css"> 
这 两 个 文件 都 应 用 了 样式 文件 "maincss. css" ,使 得 页 面具 有 统一 的 风格 。 

(3) orderl. jsp 和 order2. jsp 代码 中 的 语句 : 


< %@ include file= "top.jsp" $> 
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< $@ include file= "bottom.jsp" $> 
使 得 这 两 个 页 面具 有 相同 的 顶部 和 底部 。 


5. 在 浏览 器 中 测试 订单 处 理 模块 
在 浏览 器 的 URL 栏目 中 输入 orderl. jsp 文件 的 URL 地 址 ,显示 如 图 8-21 所 示 。 如 
果 客 户 填写 正确 , 单 击 “ 我 要 下 订单 ”的 运行 结果 如 图 8-23 所 示 。 


Internet Explo! Ey 
BS) .0.0.1:s080/ex Do8/order2jsp ~| | X12 pr 
文件 (F)】 编辑 (日 查看 (V) 收藏 天 (A) 工具 (D 帮助 (H) 


高 收 藏 夹 仿 http://127.0.0.1:8080/ex D... | 


Wang Luo gou shu xl tong 今天 是 2013 年 5 月 7 日 , 欢迎 光临 ! 
食 首 页 精品 图 书 “| 同 新 书架 ，| 所 书目 查 执 | | 我 的 订单 | 7 购书 车 “| 让 读者 留言 


您 已 经 成 功 下 单 ,下面 是 您 这 次 订单 信息 , 我 们 的 工作 人 员 会 及 时 与 您 联系 . 


收 货 人 : 张 三 
地 址 :北京 朝阳 区 北 四 环 东 路 97 号 
邮编 :100101 
联系 电话 :12345678 | 
谢谢 您 的 支持 ! 


图 8-23 ”订单 成 功 


如 果 客 户 填写 有 缺 项 ,例如 缺 邮编 ,系统 将 提示 重新 填写 ,如 图 8-24 所 示 。 


小 结 


(1) JSP 提供 了 9 个 内 置 对 象 。 这 些 内 置 对 象 可 以 直接 引用 ,合理 引用 内 置 对 象 可 
以 简化 Web 应 用 开发 工作 。 

(2) request 对 象 存储 客户 的 请 求 信息 ,调用 request 对 象 的 getParameter() 方 法 可 
以 获得 客户 的 请 求 信息 。 

(3) response 对 象 保存 服务 器 响应 信息 ,并 把 响应 信息 发 送 到 客户 端 浏览 器 ,调用 
sendRedirect() 方 法 可 以 根据 客户 需求 重新 定向 页 面 。 
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(4) out 对 象 向 客户 端 发 送 数据 ,调用 print() 和 println() 方 法 向 客户 端 浏 览 器 输出 
数据 。 

(5) session 对 象 跟踪 客户 与 服务 器 的 会 话 , 存 储 会 话 期 变量 ,用 于 具有 多 个 页 面 的 
和 务 处 理 。 

(6) application 对 象 是 所 有 客户 共享 的 对 象 ,用 于 客户 之 间 的 数据 共享 。 


pt 


习题 上 机 练习 与 实 训 8 


一 、 选 择 题 
1. 客户 提交 的 表单 中 , 某 个 名 为 name 的 控件 具有 多 个 参数 值 时 ,可 以 使 用 ( ) 方 
法 获得 name 指定 的 所 有 参数 值 。 
A. getParameter(String name) B. getHeader(String name) 
C. getParameterValues(String name) D. getAttribute(String name) 
2. 使 用 response 对 象 的 ( ) 方 法 使 页 面 重 新 定位 。 
A. setStatus() B. sendRedirect() 
C. forward() D. sendError() 
3. 某 一 客户 在 同一 个 Web 服务 目录 的 4 个 页 面 间 跳 转 ,其 session 对 象 有 ( ) 
个 ID 


A.1 B; 2 {总 D. 4 
4. 某 一 客户 的 session 对 象 在 ( ) 一 直 存 在 。 
A. 连接 断 开 之 前 B. 客户 跳 转 到 其 他 页 面 之 前 
C. 客户 连接 到 其 他 网 站 之 前 D. 客户 浏览 器 关闭 之 前 
5. 某 一 服务 器 有 4 个 客户 访问 , 共 创 建 了 ( )application 对 象 。 
A. 1 本 2 人 3 D. 4 
二 、 简 答题 


1. 为 什么 要 设置 JSP 内 置 对 象 ? 列举 其 中 5 种 内 置 对 象 的 功能 。 

2. 简 述 JSP 内 置 对 象 request 和 response 的 功能 ,它们 是 如 何 协同 工作 的 ? 

3. 如 何 使 用 request 对 象 获得 客户 浏览 器 中 的 表单 输入 信息 ? 说 明 在 表单 中 如 何 用 
语句 二 input name 二 userName 二 描述 文本 框 的 输入 信息 。 

4. response 对 象 状 态 行 的 作用 有 哪些 ? 

5. response 对 象 的 sendRedirect 方法 的 功能 是 什么 ” 常 在 什么 情况 下 使 用 ? 

6. out 对 象 的 功能 是 什么 ? 写 出 向 浏览 器 输出 数据 的 方法 。 

7. session 对 象 的 作用 是 什么 ? 它 在 什么 范围 内 共享 信息 ,列举 出 session 对 象 常用 
的 3 种 方法 。 

8. application 对 象 的 作用 是 什么 ? 它 在 什么 范围 内 共享 信息 ? 

9. 简 述 session 对 象 和 application 对 象 的 不 同 之 处 。 

10. 如 何 获 得 请 求 页 面 的 目录 ? 
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1. exception 对 象 的 作用 是 什么 ? 它 可 以 增强 软件 的 什么 性 能 ? 
12. JSP 的 Cookie 对 象 的 作用 是 什么 ? 是 由 谁 在 何 处 建立 的 什么 文件 ? 


三 、 上 机 练习 

1. 在 购书 表单 中 输入 用 户 名 、 密 码 和 书 名 , 单 击 “ 确 定 ” 按 钮 ,将 信息 发 往 服 务 器 端 ， 
商家 根据 用 户 的 信息 向 用 户 返 回应 答 

2. 使 用 response 对 象 sendRedirect 方法 ,完成 第 7 章 上 机 练习 6 的 应 用 。 

3. 设计 网 上 考试 界面 如 图 8-25 所 示 , 应 用 session 
对 象 存储 测试 数据 。 当 考生 完成 试题 , 单 击 “ 确 定 ” 按 钮 
后 ,将 答案 与 正确 答案 比较 ,给 出 结果 和 答题 所 用 的 
时 间 。 


4. 模拟 3 个 商店 ( 即 3 个 页 面 ,供应 不 同 的 商品 ) ,应 | :wsssgwum_e 
用 session 对 象 存储 用 户 的 姓名 、 密 码 和 购物 信息 。 er 人 | 
户 购 物 结束 时 ,向 用 户 返回 其 购物 信息 。 二 

5. 应 用 application 对 象 为 你 的 网 页 制作 一 个 留言 
板 ,并 统计 访客 人 数 。 

6. 应 用 cookie 对 象 制作 一 个 登录 界面 。 如 果 用 户 没 
有 登录 过 , 则 显示 首次 登录 的 欢迎 界面 。 如 果 用 户 已 经 
登录 过 , 则 显示 上 次 登录 的 时 间 及 欢迎 再 次 登录 的 界面 。 

7. 应 用 session 对 象 制作 分 页 显示 的 调查 问卷 。 用 户 在 第 一 个 页 面 回答 需要 调查 的 
第 一 个 问题 ,回答 问题 后 , 单 击 确定 按钮 ,页 面 导向 第 二 个 页 面 。 在 第 二 个 页 面 显 示 第 一 
个 问题 的 回答 ,并 提出 第 二 个 问题 ;用 户 回答 第 二 个 问题 后 , 单 击 确定 按钮 ,导向 第 三 个 页 
面 。 第 三 个 页 面 显 示 用 户 对 前 两 个 问题 的 回答 。 

8. 设计 用 户 注 册 应 用 。 用 户 在 表单 中 输入 需要 购买 图 书 的 书号 ,如 果 输 入 错误 , 则 
应 用 异常 处 理 页 面 进行 异常 处 理 。 

四 、 实 训 课 题 

1. 应 用 JSP 技术 制作 一 个 如 图 8-26 所 示 的 网 上 购物 表单 ,商家 根据 用 户 信息 ,向 用 
户 返 回 表单 的 认定 信息 。 

2. 为 “Web 技术 应 用 基础 ?课程 制作 一 个 网 上 考试 的 应 用 ,要 求 从 应 试 者 登录 开始 计 
算 时 间 ,交卷 后 要 给 出 答案 、 分 数 和 回答 问题 的 时 间 。 

3. 应 用 session 对 象 ,完成 实 训 课题 2 的 任务 。 

4. 制作 一 个 计算 器 ,要 求 计算 器 比较 健壮 ,能 够 处 理 各 种 异常 情况 。 

5. 使 用 存 取 Cookie 数据 的 方法 ,完成 实 训 课题 2 的 任务 。 

6. 为 网 站 完成 一 个 留言 板 的 制作 。 


图 8-25 网 上 考试 
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图 8-26 网 上 购物 表单 


侠 基于 JSP 的 数据 库 应 用 
第 开发 


数据 库 是 存储 和 管理 数据 的 计算 机 软件 系统 ,网 上 的 信息 资源 主要 存储 在 数据 库 中 。 
一 个 实时 动态 的 Web 应 用 系统 常 需要 处 理 大 量 的 数据 库 数据 ,因此 数据 库 访问 是 Web 
应 用 开发 的 一 项 重要 又 关键 的 技术 。 本 章 重点 介绍 JDBC 接口 技术 、 数 据 库 连接 技术 与 
以 及 数据 库 数据 的 查询 .添加 .更 新 和 删除 等 技术 。 

学 习 要 点 : 

(1) 了 解 JDBC 的 基本 功能 。 

(2) 理解 数据 库 的 基本 概念 ,掌握 SQL 语言 使 用 数据库 和 数据 表 的 创建 技术 。 

(3) 掌握 JDBC 连接 数据 库 的 工作 原理 .连接 方式 和 连接 过 程 。 

(4) 熟练 掌握 使 用 JSP 技术 查询 .插入 、 更 新 和 删除 数据 库 数据 的 技术 。 


9.1 数据 库 应 用 基础 


网 上 应 用 系统 的 开发 离 不 开 数 据 库 的 应 用 。 本 节 基 本 上 不 做 理论 上 的 探讨 ,只 对 数 
据 库 的 基础 知识 和 SQL 应 用 进行 简单 介绍 ,力求 使 叙述 简单 明了 ,为 数据 库 信息 发 布 做 
好 准备 。 


9.1.1 数据 库 基 本 概念 


1. 基本 术语 

(1) 数据 库 系 统 

数据 库 系 统 是 一 个 存储 数据 的 计算 机 系统 。 人 们 到 仓库 存 取 物 品 , 只 需 走 到 仓库 ,请 
仓库 管理 员 帮 他 取出 所 要 的 物品 即 可 ,并 不 关心 物品 在 仓库 中 是 如 何 存放 的 。 要 建设 一 
个 好 的 仓库 系统 ,仓库 建设 者 要 根据 仓库 的 性 质 合理 地 组 织 仓 库 中 的 物品 ,规划 出 仓库 中 
要 有 多 少 货架 ,物品 如 何 分 类 ,是 否 需 要 内 部 运输 工具 等 。 在 合理 规划 的 基础 上 ,实施 这 
个 计划 ,将 物品 存放 到 仓库 中 ,并 为 仓库 使 用 者 提供 物品 存 取 服 务 。 计 算 机 中 的 数据 库 系 
统 与 现实 世界 中 的 仓库 系统 类 似 。 数 据 库 系统 包括 数据 仓库 的 规划 、 建 设 及 提供 货物 ( 数 
据 ) 的 存 取 服 务 。 数 据 库 系统 可 以 分 为 数据 库 和 数据 库 管 理 系统 两 部 分 。 
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(2) 数据 库 

数据 库 是 一 个 按 数据 结构 来 存储 和 管理 数据 的 计算 机 软件 系统 。 数 据 库 概念 包含 两 
层 意思 : 

J@ 数据 库 是 一 个 实体 ,是 一 个 能 够 合理 保管 数据 的 “仓库 ”, 在 该 “仓库 ”中 存放 要 管 
理 的 事务 数据 “数据 ?和 ”* 库 ?两 个 概念 结合 成 为 "数据库 ?。 

@ 数据 库 是 数据 管理 的 方法 和 技术 , 它 能 够 合理 地 组 织 数据 方便 地 维护 数据 .严密 
地 控制 数据 和 有 效 地 利用 数据 。 

简 言 之 ,数据库 是 一 个 合理 组 织 的 数据 仓库 。 数 据 被 合理 地 组 织 到 数据 仓库 中 ,使 用 
者 可 以 方便 有 效 地 存 取 数据 库 中 的 数据 。 

(3) 数据 库 管 理 系 统 (Database Management System DBMS) 

数据 库 管 理 系 统 是 管理 数据 库 的 软件 系统 , 它 提 供 了 一 组 建立 数据 库 和 管理 数据 库 
的 工具 。 使 用 这 些 工具 进行 各 种 数据 库 操作 ,如 数据 库 生 成 .数据 表格 生成 .数据 的 输入 
和 修改 .数据 的 检索 和 使 用 .数据 安全 数据 相关 关系 的 设 定 和 数据 访问 权限 的 设 定 等 。 

目前 市 场 上 比较 著名 的 数据 库 管 理 系 统 有 Oracle、Sybase、Informix、SQL Server 等 。 


2. 数据 库 设 计 与 管理 信息 系统 

管理 信息 系统 简称 为 MIS(Management Information System) , 它 是 计算 机 应 用 领域 
的 一 个 重要 分 支 。 管 理 信息 系统 帮助 人 们 完成 需 
要 手工 处 理 的 信息 处 理工 作 , 不 仅 能 够 提高 工作 
效率 ,降低 劳动 强度 ,而且 能 够 提升 管理 信息 的 质 
量 和 水 平 。 

管理 信息 系统 的 核心 是 数据 库 。 管 理 信息 系 
统 的 数据 存放 在 数据 库 中 ,数据 库 技术 为 管理 信 
息 系 统 提供 了 数据 管理 的 手段 ,数据 库 管理 系统 
为 管理 信息 系统 提供 了 系统 设计 的 方法 .工具 和 
环境 。 管 理 信息 系 统 、 数 据 库 管理 系统 和 数据 库 
的 关系 如 图 9-1 所 示 。 图 9-1 管理 信息 系统 ,数据库 管理 

管理 信息 系统 的 各 功能 模块 通过 数据 库 管理 系统 和 数据 库 的 关系 
系统 提供 的 工具 访问 数据 库 , 完 成 对 数据 的 存 取 、 
修改 和 录入 等 操作 。 各 种 功能 模块 为 用 户 提 供 不 同 的 功能 要 求 , 并 共享 数据 库 中 的 数据 
资源 ,数据 库 是 信息 系统 的 核心 。 


3. 数据 库 、 表 、 记 录 和 字段 

数据 库 用 数据 库 名 表示 。 在 关系 数据 库 中 数据 库 是 多 个 数据 表 的 集合 ,通过 数据 表 
和 表 之 间 的 关系 定义 数据 库 的 结构 。 例 如 ,网 上 书店 数据 库 名 为 bookshop, 库 中 有 7 个 
表 : book、userinfo、orderform、orderdetail .notes、employee 和 publisher。 

表 是 按 某 种 结构 存储 的 一 组 数据 , 它 是 数据 库 的 基础 构件 。 表 类 似 于 日 常生 活 中 的 
表格 ,如 火车 时 刻 表 、 员 工 表 和 电话 号 码 表 等 。 表 中 数据 以 行 、 列 方式 将 相关 信息 排列 成 
逻辑 组 。 表 中 每 一 行 称 为 记录 ,每 一 列 称 为 字段 。 例 如 网 上 书店 中 的 book 表 , 见 图 9-2。 
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网 上 书店 数据 
库 bookshop 一 个 字段 字段 名 字段 值 
| userinfo 扎 雪 
book bookinfo 数 据 表 
数据 表 | book 数据 表 
bookid bookname author pubisherid pubdate price Content type Quantity 
978712106... | Windows 驱 动 开 ...。 张帆 等 2008/7/1 0:0...。 65.00 | 本 书 由 浅 入 .… 100 


2008/8/1 0:0..，|69.00 “| 本 书 在 对 Exc.… 
2008/8/1 0:0.…， 59.00 本 书 汇集 了 .… 
2005/2/1 0:0..。 29.80 ”本 书 从 基础 … 


1 
978711518..，| Exce 峙 据 处 理 与 … |Excel Home … 1 
1 
全 
2009/1/1 0:0..。 29.00 。 Web 技术 应 ..…。 2 100 
1 
2 
1 
2 


一 条 |978711518..，|Word 详 战 技巧.…。 |Excel Home … 
记录 ”|978730210..，| 网 页 设计 与 制作 ..， 起 祖 荫 
978730218..，| Web 技术 应 用 基 .此 月 华 
978730230..，| 计 算 机 组 装 与 维 ..， 床 强 

ISBN 7-302-.… | Web 程 序 设计 Robert W.Se... 
ISBN 97871..，| Java 程 序 设计 | 王国 榜 

ISBN 97873... 设 ; 


2013/1/1 0:0..。 39.80 。 以 计算 机 硬 … 
2006/8/27 0:..。 58.00 ”本 书简 要 介 .… 
2008/2/1 0:0..。 49.00 ”本 书 从 初学 .… 
2007/7/1 0:0... i 


NoNNr-lINIoomr- 


图 9-2 book 表 


9.1.2 创建 数据 库 和 表 


以 网 上 书店 数据 库 为 例 说 明 创建 表 和 数据 库 的 方法 。 


1. 创建 数据 库 

创建 数据 库 的 操作 过 程 如 下 : 

(1) 启动 SQL Server 服务 管理 器 

选择 “开始 ”>“ 所 有 程序 ”>Microsoft SQL Server 2005 一 SQL Server Manegement 
Studio 命令 ,出 现 “ 连 接 到 服务 器 ”界面 。 单 击 “ 连 接 (C)” 按 钮 ,出 现 Microsoft SQL 
Server Manegement Stidio 界面 ,如 图 9-3 所 示 。 


了 ce N n ~ 
Er CD 视图 (V) 工具 人 m) 窗口 W) 社区 (C) 帮助 (H) 

gy a| 多 他 训 和 Bag a 

轨 雪 人 留 | ! 执行 ( 储 ] 


连接 (O)- 村 a 日 了 了 | a 如 了 乔 列 表 (D - 图 报表 (0) ~ 
BLENOVO-POASQL2005 (SQL Servie | 


Ca YLENOVO-PC\SQL2005 GS 


四 所 数据 库 快 昭 
眉目 bookshop LENOVO-PC\SQL2005 


田 目 testl 
Etest12 名 称 
盏 向 安 全 性 已 数据 库 


图 9-3 ”SQL Server 服务 管理 器 


(2) 创建 数据 库 
“对 象 资源 管理 器 中 ”鼠标 右键 单 击 “ 数 据 库 ” 节 点 ,然后 选择 “新 建 数 据 库 (N)”， 
如 图 9-4 所 示 。 
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图 9-4 新 建 数据 库 


@ 出 现 “ 新 建 数 据 库 ” 对 话 框 ,输入 数据 库 的 名 称 ,网 上 书店 数据 库 的 名 字 定 为 
“bookshop”, 如 图 9-5 所 示 。 


加 由 本 > 四 帮助 


狐 据 库 名 笨 全 ); 
所 有 者 (0): 


回 使 用 全 文 索引 (0) 


数据 库 文件 fp) : 
偿 江 名 你。 文件 基 型 ”文件 组 初 姓 大 小 (MB) 扎 动 如 长 


图 9-5 “新 建 数据 库 ? 对 话 框 


2. 创建 新 表 

为 了 使 读者 易于 练习 ,把 网 上 书店 实例 中 的 book 表 做 了 适当 的 简化 ,起 名 为 
booktable。 下 面 创建 booktable 表 。 

(1) 在 图 9-3“Microsoft SQL Server Manegement Stidio” 界 面 , 右 击 “数据 库 ” 一 
“bookshop”。 

(2) 右 击 “ 表 ?节点 ,然后 选择 快捷 菜单 中 的 “新 建 表 ”命令 。 

(3) 在 表 设 计 器 窗口 设计 booktable 表 的 结构 ,输入 相应 的 字段 名 、 类 型 .长度 、 是 否 为 
空 和 默认 值 等 。 选 择 bookid 字段 , 单 击 工具 栏 * 设 置 主键 "图 标 ,将 bookid 字段 设 为 主 关键 
字 。 当 字段 为 主 关键 字 时 ,该 字段 不 允许 出 现 空 值 。booktabe 表 的 结构 如 图 9-6 所 示 。 

(4) 设计 完成 后 单 击 工具 栏 的 “保存 "图标, 出现“ 选择 名 称 ” 对 话 框 ,如 图 9-7 所 示 。 
在 对 话 框 中 输入 表 名 booktable 后 , 单 击 “ 确 定 ” 按 钮 。 


表 - dbobooktable 基 天 
齐 于 报 夫 童 。 允许 定 选择 名 称 
民 bookd varchar(50) 四 
bookname varchar(200) 加 输入 到 名 称 (E): 
author varchar(50) 加 
Pe vadan(oy 国 booktable 
pe 2 2 Co 
pr crarl10) 加 
hpe varcharts0) 国 于 
quantty mt 加 
图 9-6 ”booktable 表 的 结构 图 9-7 输入 表 名 
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(5) 同 理 制作 其 他 6 张 表 ,参见 第 3 章 。 
9.1.3 SQL 语句 


SQL(Structured Query Language, 结 构 化 查询 语言 ) 是 关系 数据 库 的 标准 语言 ,是 目 
前 数据 库 的 主流 语言 。SQL 语言 语法 完善 ,功能 丰富 、 综 合 性 强 、 简 洁 易 学 ,因而 备 受 欢 
迎 。SQL 具有 自 会 式 和 贬 入 式 两 种 语言 形式 。 自 含 式 SQL 能 够 独立 进行 联机 交互 ,在 终 
端 键盘 上 直接 输入 命令 就 可 以 执行 SQL 语句 ,对 数据 库 进 行 操作 ;嵌入 式 SQL 能 够 腻 入 
到 其 他 编程 语言 (如 C、Visual C++ 、Visual Basic、Delphi 和 PowerBuilder 等 ) 及 脚本 语言 
(如 VBScript 和 JavaScript 等 ) 中 实现 对 数据 库 的 操作 。 

依据 SQL 命令 的 功能 ,可 分 为 数据 定义 语言 (Data Definition Language,DDL) .数据 
操纵 语言 (Data Manipulation Language,DML) 和 数据 控制 语言 (Data Control Language， 
DCL)。SQL 由 命令 . 子 句 和 运算 符 等 元 素 构成 。 这 些 元 素 组 成 语句 ,用 于 创建 .更 新 和 
操作 数据 库 。 

1. 数据 定义 语言 

SQL 的 数据 定义 功能 通过 数据 定义 语言 实现 ,用 来 定义 数据 库 的 模式 、 内 模式 和 外 
模式 ,以 实现 对 基本 表 、 视 图 及 索引 文件 的 定义 。 其 主要 命令 有 CREATE、DROP 和 
ALTER。 

(1) 创建 数据 表 CREATE 

使 用 CREATE TABLE 语句 在 数据 库 中 创建 新 的 数据 表 , 同 时 建立 相关 字段 及 其 数 
据 类 型 ,使 用 格式 如 下 : 


CREATE TABIE [ 库 名 ] 表 名 网 名 数据 类 型 [字符 串 长 度 )]… [,…n]) 
其 中 “Lj” 是 可 选项 ,[,…nj] 表 示 可 以 重复 前 面 的 内 容 , 定 义 多 个 字段 。 例 如 ,如 下 命令 行 
CREATE TABLE booktable (bookid varchar (15), boomame varchar (50)) 


创建 了 名 为 “booktable” 的 图 书 表 。 表 有 两 个 字段 bookid” 和 “bookname”,“bookid” 字 上 段 
的 数据 类 型 为 15 个 字 节 的 变 长 字符 串 。 

(2) 删除 数据 表 DROP 

使 用 DROP 命令 删除 数据 表 和 表 中 的 所 有 记录 。 例 如 ,如 下 命令 行 


DROP TABLE booktable 


将 “booktable” 数 据 表 和 其 中 数据 全 部 删除 。 

(3) 修改 数据 表 ALTER 

通过 ALTER 命令 添加 或 删除 数据 表 中 的 字段 。 

例如 ,如 下 命令 行 在 “booktable” 表 中 添加 “author” 字 段 , 其 数据 类 型 为 15 个 字 节 的 
变 长 字符 串 。 


ALTFR TABIE booktable ADD author Varchar (15) 
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如 下 命令 行 删除 “booktable” 表 中 的 “author” 字 段 。 


ALTER TABIE booktable DROP author 


2. 数据 操纵 语言 
SQL 的 数据 操纵 功能 通过 数据 操纵 语言 实现 ,数据 操纵 命令 包括 数据 查询 和 数据 更 
新 操作 。 数 据 查 询 是 指 对 数据 库 中 的 数据 查询 、 统 计 、 分 组 .排序 .检索 等 功能 ,数据 更 新 
是 指数 据 的 插入 、 删 除 和 修改 等 数据 的 维护 操作 。 
(1) 数据 查询 语句 SELECT 
数据 查询 语句 从 数据 库 中 读 取 所 需 数据 ,将 满足 一 定 约束 条 件 的 一 个 或 多 个 表 中 的 
字段 从 数据 库 中 挑选 出 来 ,并 按 一 定 的 分 组 和 排序 方法 显示 。 数 据 查 询 语句 包括 
SELECT FROM、WHERE .GROUP BY 和 ORDER BY 子 句 ,其 中 SELECT 和 FROM 
是 必 选 子 句 。 使 用 格式 如 下 : 
SETECT 字段 1[, 字 段 2,…] 
FROM 表 名 ;WHERE 条 件 表达 式 ] 
[GROUP BY 分 列 组 [HAVING 分 组 条 件 …] 
[GROUP BY 字段 1[ASC/PESC][, 字 段 2[ASC/DESC] [,…] 


数据 查询 语句 的 各 子 句 功能 如 下 。 

@ SELECT 子 句 : 说 明 要 做 查询 操作 。 

@ FROM 子 句 : 指明 信息 来 源 , 后 面 列 出 要 操作 的 数据 表 名 。 

@ WHERE 子 句 : 指定 查询 记录 时 要 满足 的 条 件 。 

@ GROUP BY: 将 选择 的 记录 分 组 。 

HAVING: 指定 分 组 的 条 件 。 

@ ORDER BY: 对 结果 集 进 行 排序 ,选择 ASK 数据 按 升 序 排列 ,选择 DESC 数据 按 
降序 排列 。 

SELECT 语句 中 使 用 运算 符 和 计算 函数 。 运 算 符 分 为 两 类 : 逻辑 运算 符 和 比较 运算 
符 。 逻 辑 运 算 符 (AND、OR 和 NOT) 用 于 连接 两 个 表达 式 , 通 常 在 WHERE 子 句 中 使 
用 。 比 较 运 算 符 ( 二 .二 = 二 ,=== 二 .BETWEEN.、LIKE 和 IN) 用 于 比较 两 个 表 
达 式 的 值 。 数 据 查 询 语句 中 使 用 计算 函数 做 一 些 数学 计算 。 例 如 ,用 AVG 函数 计算 平 
均值 ,用 COUNT 函数 计算 返回 记录 数 等 。 

(2) SELECT 语句 使 用 举例 

@ 在 booktable 表 中 查询 所 有 图 书信 息 ,SQL 语句 如 下 。 


SELECT * FROM booktable 


该 语句 的 功能 是 : 从 booktable 表 中 查询 所 有 数据 ,结果 集 是 booktable 表 中 的 全 部 图 书 
息 


百 


一 


@ 在 booktable 表 中 查询 书 名 信息 ,SQL 语句 如 下 。 


SETECT bookname FROM booktable 
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结果 集 是 booktable 数据 表 中 bookname 字段 的 数据 ,是 数据 表 中 的 所 有 图 书 的 书 名 。 
@ 在 booktable 表 中 查询 书号 等 于 ISBN 7-302-08599-4 图 书 的 书 名 ,SQL 语句 
如 下 。 


SEIECT bookmame FROM booktable WHERE bookid= ISEN 7- 302- 08599- 4 


结果 集 是 书号 等 于 ISBN 7-302-08599-4 的 图 书 名 。 
@ 范围 查询 ,在 booktable 表 中 查询 2013 年 上 半年 出 版 图 书 的 书 名 ,SQL 语句 如 下 。 


SELECT bookname FROM booktable WHERE pubdate Between '2013- 1- 1'and '2013- 6- 30" 


结果 集 是 2013 年 上 半年 出 版 的 图 书 名 。 
@ 在 选择 语句 中 增加 ORDER BY 子 句 ,可 以 使 结果 集 按 序 排 列 。 例 如 将 图 书 按 出 
版 日 期 进行 排序 。SELECT 语句 格式 : 


SELECT * FROM booktable ORDER BY pubdate 
默认 值 是 升序 。 如 果 需 要 按 降序 排列 ,在 要 排序 的 字段 后 加 关键 字 DESC ,格式 如 下 : 
SELECT# FROM booktable ORDER BY pubdate DESC 


@ 模糊 查询 ,在 WHERE 子 句 中 使 用 LIKE 运算 符 , 可 以 只 选择 与 用 户 规定 格式 相 
同 的 记录 。 通 配 符 ” “匹配 任意 一 个 字符 ,通配符 “%” 可 以 代替 任何 字符 串 。 例 如 ,在 
booktable 数据 表 中 查询 所 有 C++ 的 图 书 ,可 用 以 下 语句 : 


SELECT * FROM booktable WHERE bookname LIKE '%C++%" 


(3) 插入 语句 INSERT 
使 用 插入 诸 句 在 数据 库 中 插入 新 的 记录 ,使 用 格式 如 下 。 


INSERT INIO 表 名 字段 1[, 字 段 2… 字 段 n]) VALDUES( 值 1[, 值 2,… 值 n]) 


例如 ,在 booktable 表 中 插入 一 条 新 书记 录 , 书 号 ; ISBN 978-7-115-27553-0, 书 名 : 
计算 机 网 络 教程 ,作者 : 谢 希 仁 , 出 版 社 : 人 民 邮 电 出 版 社 , 出 版 日 期 : 2012-8-1, 定 价 : 32 
元 ,类 别 : 计算 机 ,数量 : 100。 插 入 语句 如 下 : 


INSERT INTO booktable (bookid,bookmame, author, publi sher, pubdate, prioe, type, quantity) VALUES (' ISEN 978 
-人 15- 27553- 0',' 计 算 机 网 络 教程 ',' 谢 希 仁 '," 人 民 邮 电 出 版 社 ','2012- 8-1',32, ' 计 算 机 ',100) 


(4) 更 新 语句 UPDATE 
更 新 语句 按 某 个 条 件 来 更 新 表 中 某 字 段 的 值 。 更 新 语句 使 用 格式 如 下 。 
UEDATE 表 名 SET 字段 名 1= 新 值 1[, 字 段 名 = 新 值 2…] [WHERE 条件 表达 式 ] 


例如 ,在 booktable 表 中 把 书号 为 ISBN 7-302-12927-4 的 图 书 价格 改 为 36 元 ,语句 
如 下 。 


UEFDATE booktable SET price= 36 WHERE bookid= "ISBN 7- 302- 12927- 4" 


(5) 删除 语句 DELETE 
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DELETE 语句 删除 由 FROM 子 句 列 出 满足 WHERE 子 句 条 件 的 一 个 或 多 个 表 中 
的 记录 。 使 用 格式 如 下 : 


DETETE FROM 表 名 [WHERE 条 件 表达 式 ] 


例如 ,在 booktable 数据 表 中 删除 刚才 插入 的 书号 为 ISBN 978-7-115-27553-0 的 记 
录 ,语句 如 下 : 


DELETE FROM booktable WHERE bookid= ' ISEN 978- 7- 115- 27553- 0" 


又 如 ,下 条 SQL 语句 的 功能 将 删除 booktable 数据 表 中 所 有 的 记录 ,使 用 时 要 特别 


LETETE FROM booktable 


3. 数据 控制 语言 

数据 控制 语句 通过 对 数据 库 用 户 使 用 权限 的 限制 来 保证 数据 的 安全 性 。 
。 GRANT: 为 数据 库 用 户 授予 某 种 权限 。 

。 REVOVE: 收回 数据 库 用 户 的 某 种 权限 。 

。DENY: 拒绝 用 户 访 问 数据 库 的 某 一 对 象 。 


9.2 JDBC 接口 技术 


9.2.1 JDBC 概述 


1. 什么 是 JDBC 

JDBC(Java Database Connectivity) 接 口技 术 实 际 上 是 一 种 通过 Java 语言 访问 数据 
库 的 应 用 程序 接口 (API) 。 许 多 数据 库 系统 带 有 JDBC 驱动 程序 ,Java 程序 通过 JDBC 驱 
动 程序 与 数据 库 连 接 ,执行 查询 .插入 .更 改 和 删除 等 操作 。 为 能 够 访问 由 ODBC 驱动 程 
序 接口 的 数据 库 ,厂商 开发 了 JDBC-ODBC Bridge。 应 用 这 项 技术 ,Java 程序 就 能 够 访问 
由 ODBC 驱动 的 数据 库 。 由 于 大 多 数 数据 库 系统 都 带 有 ODBC 驱动 程序 ,所 以 使 用 
JDBC-ODBC Bridge 技术 ,Java 程序 可 以 访问 大 多 数 数据 库 , 如 MS SQL Server Oracle、 
Sybase、Informix 和 MS Access 等 。 


2. JDBC 的 功能 

JDBC 的 主要 功能 如 下 : 

。 与 一 个 数据 库 建 立 连 接 (connection)。 
。 向 数据 库 发 送 SQL 语句 (statement) 。 
。 处 理 数据 库 返 回 的 结果 (resultset) 。 
连接 过 程 见 图 9-8。 
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外 建立 连接 @ 发 送 SQL 


connection 语 旬 statement 


请 求 全 -14 

JSP 应 用 程序 K 一 一 > JDBC 

py 响应 _-- 任 
Web 服 务 器 @ 返 回 结果 | 数据 库 服务 器 


resultset 


图 9-8 JDBC 连接 数据 库 的 过 程 


9.2.2 JDBC 工作 原理 


JDBC 是 连接 数据 库 的 程序 模块 ,由 JSP 应 用 程序 JDBC API、JDBC DriverManager 
(JDBC 驱动 管理 器 ).JDBC 驱动 程序 和 数据 库 几 部 分 组 成 ,其 工作 原理 见 图 9-9。Java 应 
用 程序 通过 JDBC API 访 问 JDBC 驱动 管理 器 ,JDBC 驱动 管理 器 载 和 人 相应 的 JDBC 驱动 
程序 ,然后 执行 相应 的 数据 库 操作 。 


JSP 应 用 程序 


JDBC API 


驱动 管理 器 


JDBC Driver Manager 


ei i 


SQL Server Oracle Access 
JDBC 驱 动 JDBC 驱 动 JDBC 驱 动 


图 9-9 JDBC 工作 原理 


各 种 数据 库 


1. JSP 应 用 程序 

在 JSP 应 用 程序 中 嵌入 Java 程序 段 ,java 程序 执行 发 出 数据 库 访 问 请 求 , 请 求 建立 
连接 ,发 送 SQL 语句 ,接受 并 处 理 数据 库 访问 结果 集 , 关 闭 连接 等 工作 。 

2. JDBC API 

JDBC API 提供 了 Java 应 用 程序 和 各 种 不 同 数据 库 交互 的 标准 接口 ,使 用 这 些 接口 
对 各 种 不 同 数据 库 进行 操作 。JDBC API 提供 的 类 和 接口 在 java. sql 包 中 定义 ,主要 有 
Connection、Statement、PreparedStatement 和 ResultSet 等 接口 。 

3. JDBC DriverManager 

JDBC 驱动 管理 器 java. sql. DriverManager 类 动态 管理 和 维护 各 种 不 同 的 JDBC 驱 
动 。JSP 应 用 程序 通过 JDBC API 访问 JDBC 驱动 管理 器 ,说 明 要 访问 数据 库 的 类 型 。 
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JDBC 驱动 管理 器 根据 数据 库 类 型 加 载 相应 的 数据 库 驱 动 程序 。 


4. JDBC 驱动 
各 数据 库 厂商 提供 各 自 的 JDBC 驱动 程序 ,连接 各 自 的 数据 库 , 向 数据 库 发 送 SQL 


9.2.3 JDBC 数据 库 连 接 方式 


JSP 应 用 程序 与 数据 库 建 立 连接 后 ,才能 访问 数据 库 中 的 数据 。JDBC 常用 的 数据 库 
连接 方式 有 两 种 : JDBC-ODBC 桥 驱 动 和 纯 Java 数据 库 驱动 程序 ,如 图 9-10 所 示 。 


JSP 应 用 程序 
JDBC API 
JDBC 转 换 为 JDBC Driver Manager 
ODBC 连 接 1 1 直接 连接 
通过 ODBC JDBC-ODBC 桥 纯 Java 驱 动 
数据 源 与 数 | 
据 库 连接 
ODBC 
ES EE 


图 9-10 数据 库 连接 方式 


1. JDBC-ODBC 桥 驱 动 

JDBC-ODBC 桥 驱 动 就 是 把 对 数据 库 的 JDBC 驱动 转换 为 ODBC (Open Database 
Connection ,开放 数据 库 互 连 ) 驱 动 。ODBC 是 Windows 平台 下 的 数据 库 驱 动 程序 ,使 用 
JDBC-ODBC 桥 驱 动 (JDBC-ODBC bridge driver) 可 以 访问 装 有 ODBC 驱动 的 任何 数据 
库 。 使 用 JDBC-ODBC 桥 驱 动 访问 数据 库 , 需 要 为 被 访问 的 数据 库 建立 一 个 ODBC 数据 
源 , 然 后 通过 JDBC 访问 该 ODBC 数据 源 , 对 数据 库 进行 操作 。 


2. 纯 Java 数据 库 驱动 程序 

用 一 段 纯 Java 代码 编写 数据 库 驱动 程序 ,JDBC 调用 Java 驱动 程序 与 数据 库 建立 连 
接 。 纯 Java 程序 驱动 数据 库 连 接 具 有 跨 平台 特性 ,使 用 比较 广泛 ,但 是 连接 不 同 的 数据 
库 ,需要 编写 不 同 的 java 代码 。 


9.2.4 创建 ODBC 数据 源 


使 用 JDBC-ODBC 桥 连接 访问 数据 库 , 先 要 建立 数据 源 (Data Source Name,DSN)， 
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这 个 数据 源 对 应 一 个 数据 库 。 为 了 连接 到 数据 库 ,需要 建立 一 个 JDBC-ODBC 桥接 器 ,也 
就 是 加 载 JDBC-ODBC 桥 驱 动 程序 。 

以 网 上 书店 的 bookshop 数据 库 为 例 ,说 明 如 何 利 用 JDBC-ODBC 桥 建立 数据 库 
连接 。 

一 个 数据 源 就 是 对 数据 库 的 一 个 命名 连接 。 数 据 源 有 3 种 : 用 户 数 据 源 、 系 统 数 据 
源 和 文件 数据 源 。 用 户 数据 源 只 有 用 户 可 以 看 见 ,只 能 用 于 当前 机 器 中 。 系 统 数据 源 是 
任何 具有 权限 的 用 户 都 可 以 访问 的 数据 源 。 文 件数 据 源 把 信息 存储 在 后 级 为 . dsn 的 文 
本 文件 中 。 如 果 把 该 文件 放 在 网 络 共享 目录 中 , 则 可 被 网 络 中 任何 一 台 工 作 站 访问 到 。 
Web 应 用 程序 访问 数据 库 时 ,通常 是 建立 系统 数据 源 。 

以 下 为 建立 数据 源 的 操作 步骤 ,访问 的 数据 库 类 型 为 SQL Server, 连 接 的 数据 库 名 
是 bookshop ,数据 源 名 是 boolshoplk ,用 户 名 为 sa, 无 密码 。 操 作 步 又 如 下 : 

(1) 打开 “控制 面板 ”一 “系统 和 安全 ”一 “管理 工具 ”一 “数据 源 (ODBC)”, 打开 
“ODBC 数据 源 管 理 器 ”对话 框 ,选择 “系统 DSN? 选 项 卡 , 如 图 9-11 所 示 。 


ODBC wt 
LE 0 系 声 JsN [文件 D851 |[ 号 动 柱 序 | 束 缔 | 连 按 地 关于 | 
系 境 数据 源 (8》 ; 
名称 颈 动 程序 | 渗 加 人 D),.，| 
wp) ] 
ED ] 


况且 


3 Bad [ SCH) | mh) 


图 9-11 ODBC 数据 源 管理 器 


(2) 单 击 “ 添 加 ”按钮 ,弹出 “创建 新 数据 源 ” 对 话 框 , 见 图 9-12。 


选择 您 想 为 其 安装 数据 源 的 驱动 程序 (S) 。 


名 称 

Microsoft Paradox Driver (*.db ) 

Mi crosoft Paradox-Treiber (*.db ) 
Microsoft Text Driver (#.txt; *.csv) 
Microsoft Text-Treiber (*.txt; *.csv) 
Microsoft Visual FoxPro Driver 
Microsoft Visual FoxPro-Treiber 

SQL Hative Client 


图 9-12 创建 数据 源 
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(3) 选择 SQL Server, 单 击 “ 完 成 ”按钮 


(4) 弹出 “创建 SQL Server 的 新 数据 源 ” 窗 口 ,在 名 称 文本 框 输入 数据 源 名 称 。 在 网 
上 书店 中 ,为 数据 源 起 名 为 bookshoplk。 在 服务 器 文本 框 输入 “LENOVO-PC\ 


SQL2005”, 单 击 “ 下 一 步 ”按钮 ,如 图 9-13 所 示 。 


-2 > | 


创建 到 SQL Server 的 新 数据 源 


此 向 导 将 帮助 建立 一 个 能 用 于 连接 SQL Server 的 0DBC 数据 源 。 
您 想 用 什么 名 称 来 命名 数据 源 ? 


名 称 0D : 


您 希望 如 何 描述 此 数据 源 ? 


bookshoplk 


描述 (D) : 
您 想 连 接 哪 一 个 SQL 


Server? 


服务 器 (S) : 


LENOVO-PC\ So 


L2009| ~ 


图 9-13 创建 SQL Server 的 新 数据 源 


(5) 在 弹出 的 窗口 中 ,选择 “使 用 用 户 输 入 登录 ID 和 密码 的 SQL Server 验证 ? 单 选 
按钮 ,在 “登录 ID” 和 "密码 ”文本 框 中 输入 对 bookshop 数据 库 有 存 取 权限 的 SQL Server 
账号 和 密码 。( 用 户 也 可 以 不 选 “使 用 用 户 输入 登录 ID 和 密码 的 SQL Server 验证 ”) 单 击 


“下 一 步 ?按钮 ,如 图 9-14 所 示 。 


创建 到 SQL Server 的 新 数据 源 2 eis 


回 使 用 网 络 登 录 


登录 ID(L) : 
密码 (P) : 


SQL Server 应 该 如 何 验证 登录 ID 的 真 伪 ? 


加 使 用 用 户 输 入 登录 ID 和 密码 的 SQL Server 验证 (S) 。 
要 更 改 用 于 与 SQL Server 通讯 的 网 络 库 ， 请 单 击 “ 客 户 端 配置 ” 


连接 SQL Server 以 获得 其 它 配置 选项 的 默认 设置 (C) 。 


ID 的 Windows NT 验证 (D) 。 


_ 襄 户 并 配置 (D).… 


sal 


《上 - 步 (B) 


下 一 步 (8) 职 消 _ 帮助 


图 9-14 选择 SQL Server 验证 登录 ID 方式 


(6) 在 弹出 的 “创建 到 SQL Server 的 新 数据 源 窗 口中 , 单 击 "下 一 步 ? 按 钮 ,如 图 9-15 


所 示 。 
(7) 在 弹出 的 窗口 单 击 “ 完 成 ”按钮 。 


Web 技 术 应 用 基 


础 (第 3 版 ) 


创建 到 SQL Server 的 新 数据 源 PR 
| 更 改 默认 的 数据 库 为 (0) : 


naster ”| 


附加 数据 库 文件 名 (H) : 


[四 为 预定 义 的 SQL 语句 创建 临时 存储 过 程 ， 并 删除 该 存储 过 程 (C) : 


@ 只 有 当 断 开 时 (0) 。 
了 当 断 开 时 和 连结 时 同样 适用 (y) 。 | 
回 使 用 ANSI 引用 的 标识 符 (U) 。 
回 使 用 ANSI 的 空 值 、 填 充 及 警告 人 ) 。 
着 主 SQL Ser 不 可 用 ， 请 使 用 故障 转移 SQL 


Server (F 


图 9-15 创建 新 数据 源 


(8) 在 弹出 的 “ODBC Microsoft SQL Server 安装 ”窗口 单 击 “ 测 试 数据 源 (T)” 按 钮 ， 
如 图 9-16 所 示 。 


[ 一 一 一 一 一 L 
ODBC Microsoft SQL Server 安 装 
将 按 下 列 配置 创建 新 的 ODBC 数据 源 : 


Jicrosoft SQL Server ODBC 驱动 程序 版 本 06. 01. 7600 - 


全 考生: bookshoplk 
再 : 

os 
定 
用 

人 

数据 


(Defal 


a, 
在 断 开 时 删除 临 时 存储 过 各 | 


! 
1 
ji : No | 


TENovo- Pe\SaL 2005 
ou] tt) 

故 | 

A 


| Tr 确证 ] [ 取消 


图 9-16 “ODBC Microsoft SQL Server 安装 ”窗口 


(9) 弹出 “SQL Server ODBC 测试 数据 源 ” 窗 口 。 如 果 对 话 框 提示 测试 成 功 , 则 表示 
DSN 设置 正确 , 单 击 “ 确 定 ” 按 钮 .完成 系统 DSN 的 建立 ,如 图 9-17 所 示 。 


9.2.5 JDBC 建立 数据 库 连 接 示例 


使 用 JDBC 建立 数据 库 连 接 的 过 程 比较 繁杂 。 本 书 先 举 例 说 明 连 接 是 如 何 进行 的 
然后 总 结 出 它 的 几 个 工作 过 程 , 最 后 详细 讲解 各 个 过 程 的 工作 原理 和 细节 。 

本 书 使 用 JDBC-ODBC 桥 驱 动 程序 建立 与 数据 库 的 连接 。 

例 9.1 使 用 JSP 技术 查询 booktable 表 ( 见 图 9-18) 中 书号 是 ISBN 7-04-012301-0 
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Microsoft SQL Server 0DBC 驱动 程序 版 本 
06. 01. 7600 


正在 运行 连接 测试 . . . 


攻守 
Nh, 


测试 成 功 ! 


图 9-17 测试 成 功 


的 图 书 。 本 例 使 用 上 文生 成 的 bookshoplk 数据 源 ,通过 JDBC-ODBC 桥 访问 数据 库 。 


author publisher pubdate _prce _ type Guantty 
ISBN 7-04-012301-0 C++ 程 序 设计 吴 P 陵 。。 高 等 教育 出 版 社 ”2003-8-1 。 29.5 计算 机 100 


ISBN 7-111-08318-0 C++ 程序 设计 教程 郑 者 机 械 工业 出 版 社 。 2003-2-1 28 计算 机 。 100 
ISBN 7-302-08599-4 C++ 程序 设计 请 洁 强 。。 清华 大 学 出 版 社 20046-1 36 计算 机 。 100 
ISBN 7-5053-9856-3 ASP&ASP.NET 应 用 编程 150 例 王 兴 东 ”电子 工业 出 版 储 2004-5-1 35 计算 机 。 200 
ISBN 7-5640-0139-9 CPA 会 计 武 玉 荣 。 电子 工业 出 版 社 2003-3-1 30 经 济 100 
ISBN 7-5640-0165-8 现代 汽车 动力 传动 装置 的 控制 技术 林学 东 ”清华 大 学 出 版 社 ”2004-7-27 30 机 械 150 
ISBN 7-5640-0244-1 火星 的 故事 [区 鹏 特 -人民 邮 电 出 版 社 ”2004-5-1 15 小 说 100 
ISBN 978-7-04-021459-8 。 计算 机 应 用 基础 刘 自 丽 ”高 等 教育 出 版 诗 ”2007-6-1 。 29.5 计算 机 100 
ISBN 978-7-121-05285 计算 机 网 络 工程 与 交 训 虱 程 徐 武 电子 工业 出 版 社 。 2008-1-1 28 计算 机 。 100 
ISBN 978-7-302-12927-4 。 Web 程 序 设计 傣 )Rob.。 清华 大 学 出 虎 社 ”2006-8-1 。 58 计算 机 。 100 
ISBN 978-7-302-15261-3 。 Web 技 术 Jeffrey …。 清华 大 学 出 版 社 2007-6-1 59 计算 机 。 100 
ISBN 978-7-302-18840-7 。 Web 技术 应 用 基础 樊 月 华 。 “清华 大 学 出 版 社 2013-1-1 29 计算 机 。 100 
ISBN 978-7-5635-3092-2 。 ]ava 面 向 对 象 程序 设计 张 桂 珠 。 北京 邮电 大 学 出 .，2012-7-27 23 计算 机 。 150 
ISBN 978-7-900222-91-6 。 计算 机 网 络 谢 希 仁 电子 工业 出 版 社 2008-2-1 29 计算 机 。 200 


图 9-18 ”booktable 表 


代码 ex9-01. jsp 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312" %> 
< SQ page import= "java.sql. * " %$> 
<html>< head>< title> JEEC 建 立 数 据 库 连 接 < /title> < /head> 
< body> < center> 
<font size=5 color=blue> 数 据 查 询 < /font><hr> 
< 
// 加 载 驱动 程序 
Class.forName ("sun.jdbc.odbc.JdbcodbcDriverm ; 
// 建 立 连接 
Connecticn conrr DriverMenager.getConnecticn (jdbc:odbc:bookshoplk", "sa", 7 
// 发 送 Sm 语句 
Statement stmt= conmn.createStatement ()7 
try{ 
// 建 立 Resultset 结果 集 ) 对 象 
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Resultset rs; 
// 执 行 StL 语句 
Ts= stmt .executeQuery ("SETECT * FROM booktable where bookid= 'ISBN 7- 04- 012301- 0'"); 
%> 
< table border= 3> 
<tr bgcolor= silver> <b> 
< td> bookidx /td> < td> poomame< /td> < to> author< /td> < to> publisher< /td> 
< to> pubdate< /to> < to> price< /to> < to type< /td> < to> quantity< /to> < /p> 
< 
< 
// 利 用 while 循 环 将 数据 表 中 的 记录 列 出 
while (rs.next()){ 
$%> 
<tr> 
<to> < $=rs.getstring ("bookid") $>< /td> 
< td> < $= rs.getstring ("boomame") $>< /td> 
< to> < $= rs.getstring ("author") $>< /td> 
< to> <%=rs.getstring ("publisher") $>< /td> 
< td> <%=rs.getstring ("pubdate") $>< /td> 
<to> <%=rs.getstring ("price") $>< /td> 
<td> <%=rs.getstring ("type") $>< /td> 
<td> <%=rs.getstring ("quantity") %> < /td> 
</tr> 
<% 
} 
rs.close(); // 关 闭 Resultset 对 象 
} 
catch (Excepticn e) { 
out.println (e.getMessage ()); 
} 


stmt.close(); // 关 闭 statement 对 象 
conn.close () 7 // 关 闭 connection 对 象 
%> 
< /table> < /center> 
< /body> < /html> 


代码 ex9-01. jsp 的 运行 结果 如 图 9-19 所 示 。 


3080/ex_DO9/ex9-01jsp ~ 1+ XE ang 


数据 查询 
bookid booknane author publisher pubdate price type uantity 


|ISBN 7-04-012301-0 C+ 程序 设计 | 吴 乃 陵 高 等 教育 出 版 社 |2003-8-1 |29.5 计算 机 100 


图 9-19 JDBC 建立 数据 库 连 接 
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9.2.6 JDBC 建立 数据 库 连 接 方 法 详解 


1. JDBC 建立 数据 库 连 接 步骤 
通过 例 9. 1 可 以 得 出 ,JDBC 建立 数据 库 连 接 需要 经 过 以 下 几 个 步骤 : 
(1) 加 入 命令 行 


< %Q@ page jmport= "java.sql.* " $> 

(2) 加 载 驱动 程序 

Class. forName ("sm.jdbc.odbc.JdbcodbcDriver"); 

(3) 建立 连接 

Connection conn= DriverManager.getConnection ("jdbc:odbc:bookshoplk", "sa", ""); 
(4) 发 送 SQL 语句 

Statement stmt= conn.createStatement (); 

(5) 建立 ResultSet( 结 果 集 ) 对 象 

Resultset rs; 

(6) 执行 SQL 语句 

Ts= stmt.executeQuery ("SELECT * FROM booktable where bookid= 'ISEN 7- 04- 012301- 0'"); 


(7) 关闭 对 象 


rs.close(); // 关 闭 Resultset 对 象 
stmt.close(); // 关 闭 statement 对 象 
conmn.close(); // 关 闭 connection 对 象 


2. JDBC 数据 库 连接 步骤 详解 

(1) 加 入 命令 行 

所 有 与 数据 库 有 关 的 对 象 和 方法 都 在 java. sql 包 中 ,所 以 在 使 用 JSP 访问 数据 库 的 
程序 中 必须 加 入 命令 行 : 


< %$@ page inport= "java.sql.* "多 > 


(2) 加 载 驱动 程序 
使 用 JDBC-ODBC 桥 方式 连接 数据 库 , 必 须 先 加 载 JDBC-ODBC 桥 驱 动 程序 ,语句 
如 下 : 


Class .forName ("sun.jdbc.odbc.JdbcodbcDriver"); 


Class 是 包 java. lang 中 的 一 个 类 ,该 类 通过 调用 静态 方法 forName 建立 JDBC- 
ODBC 桥接 器 , 即 加 载 驱动 程序 。 
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由 于 加 载 驱动 程序 时 可 能 产生 异常 ,所 以 需要 异常 处 理 程序 段 。 


try { 
} 
catch (Exception e ) { 


} 


(3) 建立 连接 

要 连接 一 个 数据 库 ,必须 创建 Connection 类 的 一 个 实例 ,语法 规则 如 下 : 

Connection connF DriverManager.getConnection ("jdbc:odbc: 数 据 源 名 "， 

"Toginname", "Password") ; 

调用 DriverManager. getConnection 方法 建立 与 数据 库 的 连接 ,该 方法 指定 了 数据 库 
的 位 置 .用 户 名 和 用 户口 令 。DriverManager 类 位 于 JDBC 的 管理 层 , 作 用 在 用 户 和 了 驱动 
程序 之 间 。 它 跟踪 可 用 的 驱动 程序 ,并 在 数据 库 和 相应 的 驱动 程序 之 间 建 立 连 接 。 数 据 
源 名 是 在 “控制 面板 >“ 系统 和 安全 ”一 “管理 工具 ”一 “数据 源 (ODBC)” 中 设置 的 数据 源 
名 ."Loginname" 是 用 户 名 ,"Password" 是 用 户口 令 。 如 果 在 数据 源 中 没有 设置 用 户 名 和 
用 户口 令 , 则 连接 形式 如 下 : 


Connection conn= DriverManager.getConnection ("jdbc:odbc: 数 据 源 名 ","",""); 

一 旦 DriverManager. getConnection 方法 找到 了 建立 连接 的 驱动 程序 和 数据 源 , 则 通 
过 用 户 名 和 口令 开始 与 DBMS 建立 连接 。 如 果 连 接 通过 , 则 连接 建立 完成 。 

(4) 发 送 SQL 语句 

JDBC 提供 了 3 个 类 向 数据 库 发 送 SQL 语句 : Statement、PrepareStatement 和 
CallableStatement 。 

@ Statement 类 的 对 象 由 Connection 的 createStatement 方法 创建 ,用 于 发 送 不 带 参 
数 的 简单 SQL 语句 ,对 数据 库 进行 具体 操作 ,如 查询 ,修改 等 。 在 执行 一 个 SQL 查询 语 
句 前 ,必须 用 createStatement 方法 建立 一 个 Statement 类 的 对 象 。 例 如 : 

Connection conn= DriverManager.getConnection ("jdbc:odbc:bookshoplk", "sa", "™"); 

Statement stmt= conn.createStatement (); 

@ PrepareStatement 类 的 对 象 由 Connection 的 PrepareStatement 方法 创建 , 它 用 来 
执行 带 或 不 带 IN 参数 的 预 编译 SQL 语句 。Statement 对 象 在 每 次 执行 SQL 语句 时 都 将 
该 语句 发 送 给 数据 库 , 所 以 执行 效率 比较 低 。 而 PrepareStatement 对 象 预 编译 过 ,所 以 
执行 速度 比 Statement 快 。 因 而 多 次 执行 的 SQL 语句 常 被 创建 成 PrepareStatement 对 
象 。 例 如 : 

Connection connr DriverManager.getConnection ("jdbc:odbc:bookshoplk", "sa", "™"); 

PrepareStatement pstmt= conn. PrepareStatement ("SEIECT* FROM booktable"); 


@ CallableStatement 类 的 对 象 由 Connection 的 PrepareCall 方法 创建 , 它 用 来 执行 
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数据 库 已 存储 过 程 的 调用 。 例 如 


Connection connF DriverManager.getConnection ("jdbc:odbc:bookshoplk", "sa™, "™"); 

CallableStatement cstmt= conn.PrepareCall ("{call getData(?,?)}"); 
其 中 ,getData 是 存储 过 的 过 程 名 ,“?” 表 示 : IN、.OUT 或 INOUT。 

(5) 创建 结果 集 对 象 

一 旦 连接 到 数据 库 ,就 可 以 查询 数据 表 名 、 列 名 和 有 关 的 信息 ,并 且 可 以 运行 SQL 语 
句 对 数据 库 中 的 数据 进行 查询 .添加 .更 新 和 删除 等 操作 。JDBC 提供 了 ResultSet、 
DatabaseMetaData 和 ResultSetMetaData 类 获取 数据 库 中 的 信息 。 

ResultSet 类 存放 查询 结果 ,并 通过 一 套 方法 提供 对 数据 的 访问 。 它 是 JDBC 中 很 重 
要 的 对 象 。ResultSet 包含 任意 数量 的 命名 列 , 可 以 按 名 字 访 问 这 些 列 ; 它 也 包含 一 或 多 
个 行 ,可 以 按 顺 序 自 上 而 下 地 逐一 访问 。 例 如 : 


Statement stmt= con.createStatement (); 

Resultset rs; 

Ts= stmt .executeQuery ("SEIECT * FROM booktable where bookid= 'ISEN 7- 04- 012301- 0'"); 

当 建 立 一 个 ResultSet 类 对 象 时 , 它 指向 第 一 行 之 前 的 位 置 。ResultSet 对 象 常用 方 
法 如 下 。 

。 getInt(int) : 将 序号 为 int 的 列 的 内 容 作 为 整数 返回 。 

。 getInt(String); 将 名 称 为 String 的 列 的 内 容 作 为 整数 返回 。 

。 getFloat(int) : 将 序号 为 int 的 列 的 内 容 作 为 一 个 float 型 数 返 回 。 

。 getFloat (String) : 将 名 称 为 String 的 列 的 内 容 作为 float 型 数 返回 。 

。 getData(int) : 将 序号 为 int 的 列 的 内 容 作为 日 期 返回 。 

。 getData(String) : 将 名 称 为 String 的 列 的 内 容 作为 日 期 返回 。 

。 next() : 把 行 指针 移 到 下 一 行 ,如 果 没 有 剩余 行 , 则 返回 false。 

。 close() : 关闭 结果 集 。 

。 getMetaData() : 返回 ResultSetMetaData 对 象 。 

ResultSetMetaData 类 实例 提供 ResultSet 中 列 的 名 称 、 数 目 和 类 型 信息 。 例 如 : 


ResultSetMetaData rsmd; 

rsmd= Results.getMetaData(); 

Nuncols= rsmd.getcolumncount (); 

ResultSetMetaData 对 象 常用 方法 如 下 。 

。 getColumnCount(): 返回 ResultSet 中 的 列 数 。 

。 getColumnName(int) : 返回 序号 为 int 的 列 名 。 

。 getColumnLabel(int) : 返回 序号 为 int 列 暗含 的 标签 。 

。 isCurrency(int) : 如 果 此 列 包含 有 货币 单位 的 一 个 数字 , 则 返回 true。 
。 isReadOnly(int): 如 果 此 列 是 只 读 , 则 返回 true。 

。 isAutoIncrement(int): 如 果 此 列 自动 递增 , 则 返回 true。 
DatabaseMetaData 类 实例 提供 整个 数据 库 的 信息 ,如 表 名 、 表 的 索引 、 数 据 库 产品 名 


266 一 一 一 一 一 一 一 一 一 Web 技 术 应 用 基础 (第 3 版 ) 


和 版 本 .数据 库 支持 的 操作 等 。 

例 9.2 代码 ex9-02. jsp 输出 booktable 表 中 各 列 的 名 称 。 代 码 创 建 了 ResultSetMeta- 
Data 对 象 rsmd, 并 使 用 getColumnCount() 和 getColumnName() 方 法 取得 booktable 表 
中 的 列 数 和 列 名 。 代 码 清 单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312" $> 
< %Q@ page jmport= "java.sql.* " $> 
<htm><head>< title> 输 出 booktable 表 各 列 的 名 称 < /title> < /head> 
< body> < center> 
< font size=4 color=blue> 输 出 booktable 表 各 列 的 名 称 < /font> <hr> <br> 
<% 

Class .forName ("sun.jdbc.odbc.JdbcodocDriver"); 

// 建 立 连接 

Connecticn conrF DriverManager.getConnecticn (jdbc:odbc:bookshoplk", "sa", ™); 

// 发 送 SQL 语句 

Statement stmt= comn.createStatement (); 

ResultSet rs= stmt .executeQuery ("SELECT * FROM booktable"); 

// 建 立 Resultset 对 象 , 并 执行 SQL 语 句 

ResultsetMetaData rsmd= rs.getMetapata(); ”// 创 建 ResultsetMetapata 对象 
$><p> 
记录 集中 共有 < font size= 4 color= red> 
<$=rsmd.getColumCount () $>< /font> 列 ,各 列 的 名 称 是 : <br> 
< font size= 4 color= red> 
<% 
for(int i=1; i <= rsmd.getColurmCount (); i++){ 

(二 1 
cut.print (rsmd.getColumnName (i)); 
else 
out.print (", "+ rsmd.getColumnName (i)); 

} 
rs.close(); // 关 闭 Resultset 对 象 
stmt.close(); // 关 闭 statement 对 象 
conn.close()7 /关闭 数据 库 连 接 对 象 
&%> < /font> 
< /body> < /htm> 


代码 ex9-02. jsp 的 运行 结果 如 图 9-20 所 示 。 

(6) 执行 SQL 语句 

Statement 对 象 提供 了 3 种 执行 SQL 语句 的 方法 : executeQuery、executeUpdate 和 
execute。 

。 executeQuery: 用 于 产生 单个 结果 集 的 语句 ,例如 select 语句 : 


rsS= stmt .executeQuery ("SELECT * FROM booktable"); 


。 executeUpdate: 用 来 执行 insert、update、delete 以 及 sqlddl( 数 据 定义 语句 ) 。 


第 9 章 ”基于 JSP 的 数据 库 应 用 开发 一 一 一 一 一 一 一 一 267 


080/ex_DO9/ex9-02.js| 


输出 booktable 表 各 列 的 名 称 


记录 集中 共有 8 列 ， 各 列 的 名 称 是 : 
bookid, bookname, author, publisher, pubdate, price, type, quantity 


图 9-20 输出 booktable 表 各 列 的 名 称 


。 execute: 用 来 返回 多 个 结果 集 、 多 个 更 新 计数 或 两 者 组 合 的 语句 。 
本 章 以 下 几 节 ,仍然 以 booktable 数据 表 为 例 , 学 习 对 数据 库 信 息 的 选择 、 插 入 、 删 除 
和 更 新 操作 。 


9.3 查询 记录 


与 数据 库 建立 连接 后 ,就 可 以 对 数据 库 数 据 进行 各 种 操作 ,如 查询 .插入 .更 新 和 删除 
等 。 查 询 操作 需 先 向 数据 库 发 送 查询 语句 ,然后 再 处 理 查询 结果 。 


9.3.1 顺序 查询 


使 用 Resultset( 结 果 集 ) 的 next() 方 法 顺序 输出 一 个 表 里 的 所 有 记录 。 

例 9-3 顺序 输出 数据 表 “booktable” 中 的 所 有 记录 和 所 有 字段 。 使 用 代码 : 

" Selectx* From booktable” 从 booktable 数据 表 中 选择 所 有 的 记录 ,放置 在 rs 结果 
集中 ,然后 使 用 rs. next() 方 法 将 结果 集中 的 数据 顺序 显示 出 来 。 

ex9-03. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312" $> 
< SQ page import= "java.sql.* " $> 
<html><head><title> 顺序 查询 < /title> < /head> 
< body> < center> 
< font size= 4 color=blue> 顺 序 输出 数据 表 " booktable" 中 包含 所 有 字段 的 所 有 记录 < /font> <hr> 
< 
Class.forName ("sun.jdbc.odbc.JdbcodbcDriverm) ; 
Connecticn onre DriverManager.getConnecticn ("dbc:odbc:bookshopllev "sa", ™); 
Statement stmt= comn.createStatement () 7 


try{ 
Resultset rs; // 建 立 Resultset (结果 集 ) 对 象 
TS- stmt.executeQuery ("SELECT* FROM booktable"); // 执 行 QL 语句 
3> 
<table border= 3> 
< tr bgcolor= silver> <b> 
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< to> bookidx /td> < td> bocknamex /td> < td> author< /td><td> publisher< /td> 
< td> pibdatex /to> < td> pricex /td> < td> &nbsptypec /td> < to> quantity< /td> 
</tr> 
< 各 
// 利 用 while 循 环 将 数据 表 中 的 记录 列 出 
while (rs.next ()){ 
$%> 
«ty 
<td> < $=rs.getSstring ("bookid") $>< /td> 
< td> < %= rs.getstring ("bookname") %>< /td> 
< td> < $= rs.getString ("author") $>< /td> 
<td><%=rs.getstring("publisher") $>< /td> 
<to>< $=rs.getString ("pubdate") $>< /td> 
<to><%=rs.getString("price") $>< /td> 
<to><%=rs.getSstring("type") $>< /td> 
<td> < $=rs.getstring ("quantity") $>< /td> 
</tr> 
< 
} 
rs.close(); // 关 闭 Resultset 对 象 
} 
catch (Exception e) { 
out.println (e.getMessage ()); 
} 


stmt.close(); // 关 闭 statement 对 象 
conn.close (); // 关 闭 connection 对 象 
%> 
< /table> < /center> 
< /body> < /html> 


代码 ex9-03. jsp 在 浏览 器 中 的 显示 结果 如 图 9-21 所 示 ,顺序 输 出 了 “booktanble” 表 
中 的 所 有 记录 和 字段 。 


9.3.2 条 件 查 询 


数据 筛选 是 指 按 条 件 从 数据 库 中 选 出 符合 条 件 的 所 有 记录 ,由 where 子 句 指定 选择 
记录 时 要 满足 的 条 件 。 


例 9-4 


(1) 任务 要 求 : 在 ex9-04. html 界面 输入 查询 条 件 ( 见 图 9-22) ,如 出 版 社 的 名 称 。 输 


入 的 名 称 提 交 给 ex9-04. jsp 处 理 , 输 出 数据 表 “booktable” 中 符合 查询 条 件 的 图 书 。 其 关 


键 查询 语句 为 : 


"Select * From booktable where publisher= "'™ 


第 9 章 基于 JSP 的 数据 库 应 用 开发 


图 9-22 参数 查询 界面 


EE 攻 R 必 二 

[EE [5 三 未 计 并 是 也 RTE rr 
re Cr EE RR 后 FT 
[EL IIT Fe | 于 复 和 300 
[Ea 区 于 FITTER | 0 
dd EE GT 有 本 | 160 
044-1 | 天 旦 的 吉事 [ET 四 4 
有 704021459-6 | 计算 机 让 用 大友 el 高 竺 用 育 盏 匡 。 2007-6-】 [25.5 几 笨 机 [100 
sy -7-121-05295 | 计算 机 同 效 工 程 与 详 训 轩 径 [E23 ET 下 R00 
TT EUE 怀 本 IDDEEEEE 
ES 有 15- 技术 eerrey CTaexsan 表演 学 宙 匠 过。 lz007-6-1 | 本 。。 计 芷 机 00 | 
0 医 二 EE I FRR 和 1100 
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图 9-21 顺序 输出 了 “booktanble” 表 中 的 所 有 记录 和 字段 


+ piblishemamer wm 80/ex_DO9/ex9-04.htm| ~ 


(2) ex9-04. html 代码 清单 如 下 Cg 
ex . htm : ee 


<html><head> < title> 参 数 查 询 应 用 案例 < /title> < /head> 

< body> < center> 

<font size=4 color=blue> 图 书 查 询 < /font>< /center> <hr> 

< fom method= "post" action= "ex9- 04.jsp"> < font color= green> 
请 输入 出 版 社 名 称 : < input type= text name= "pibname" size=20 maxlength= 20> <p> 
<input type= simit value=" 提 交 吃 
<input type= reset value=" 清 除 吃 

< /fomr> < /font> 

< /pody> < /html> 


(3) ex9-04. jsp 代码 清单 如 下 : 


< $@ page contentType= "text/html; harset= GB2312" $> 
< %@ page jnport= "java.sql.* " $> 
<html><head><title> 选 择 查询 < /title> < /head> 
<body> < oenter> 
< $request .setCharacterFEncoding ("GB2312"); 

String piblishemame= request.getParameter ("pubname"); 

if (piblishemame==nul]) { 

piblishemame= ™; 


上 请 输入 出 版 社 名 称 : 请 华 大 学 出 版 社 


EN 


图 9-22 参数 查询 界面 


和 > 
< font size=4 color=blue> 输 出 数据 表 booktable 中 < 时 piblishemames> 的 记录 </font<hr> 
< 

Class.forName ("sun.jdbc.odbc.JdboodbcDriver"); 

Connection conre DriverManager.getConnection (jdbc:odbc:bookshoplk", 


nsan, mm) ; 
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Statement stmt= conn.createStatement (); 
try{ 
Resultset rs; // 建 立 Resultset (结果 集 ) 对 象 
rs= stmt .executeQuery ("Select * From booktable where publisher= '"+ 
publishemaret mm); 
// 执 行 sm 语句 
$%> 
< table border= 3> 
< tr bgcolor= silver> <b> 
< to> bookidk /td> < td> pookname< /td> < to> author< /to> < td> publisher< /td> 
< to> pubdate< /to> < to> price< /to> < to> gnpsptype< /to> < to> quantity< /td> 
</tr> 
< 
// 利 用 while 循 环 将 数据 表 中 的 记录 列 出 
while (rs.next()){ 
各 > 
<tr> 
<to><%=rs.getstring ("bookid") $>< /td> 
< td> < $= rs.getstring ("boomame") $>< /td> 
< td> < $= rs.getstring ("author") $>< /td> 
< to> < $=rs.getstring ("publisher") $>< /td> 
< to> < $=rs.getstring ("pubdate") s> < /td> 
<td> <%=rs.getstring ("price") $>< /td> 
<to><%=rs.getstring ("type") $>< /td> 
<td> <%=rs.getstring ("quantity") $>< /td> 
</tr> 
< 多 
} 
rs.close(); // 关 闭 Resultset 对 象 


catch (Exosption e) { 
out.println (e.getMessage ()); 
} 


stmt.close (); // 关 闭 statement 对 象 
conn.close ()7 // 关 闭 connection 对 象 
$%> 
< /table> < /center> 
< /body> < /html> 


(4) 代码 ex9-04. jsp 在 浏览 器 中 的 显示 结果 如 图 9-23 所 示 。 


9.3.3 模糊 查询 
使 用 like 语句 和 通配符 进行 模糊 查询 。 在 模糊 查询 中 使 用 通配符 “%” 代 表 任 意 多 个 


第 9 章 ”基于 JSP 的 数据 库 应 用 开发 一 一 一 一 一 一 一 一 271 


输出 数据 表 booktable 中 清华 大 学 出 版 社 的 记录 


booknare thor publisher 
ISBN 7-302-08599-4 ”|C++ 程 序 设计 | 齐 洛 强 | 清华 大 学 出 版 社 |2004-6-1 |36 
ISBN 7-5640-0165-8 [现代 汽车 动力 传动 装置 的 控制 技术 | 林学 东 清华 大 学 出 版 社 |2004-7-27 80 
ISBN 978-7-302-12927-4 web 程序 设计 |( 糯 )Robert W. Sebesta 清华 大 学 出 版 社 |2006-8-1 |58 ”| 计算 机 100 


ISBN 978-7-302-15261-3 
ISBN 978-7-302-18840-7 


Web 技术 |Jeffrey C. Jackson ”| 清华 大 学 出 版 社 


Web 技 术 应 用 基础 | 莹 月 华 | 清华 大 学 出 版 社 


2007-6-1 59 


2013-1-1 9 


price| type auantity 
计算 机 100 
机 械 ”150 


计算 机 100 
计算 机 100 


图 9-23 查询 某 出 版 社 出 版 的 图 书 


字符 ”代表 任意 一 个 字符 。 


例 9-5 


(1) 任务 要 求 : 在 界面 (ex9-05. html) 中 输入 书 名 中 的 部 分 词汇 ,输入 的 内 容 提交 给 
ex9-05.jsp 处 理 , 输 出 数据 表 “booktable” 中 所 有 包含 该 词汇 图 书 的 书 名 。 其 关键 查询 语 


句 为 : 


"Select * From booktable where bookname like' $"+b namet %"™ 


表示 查询 书 名 中 包含 有 b_name 中 内 容 的 图 书 。 


(2) 代码 ex9-0 


5. html 清单 如 下 : 


<html>< head>< title> 模 糊 查 询 应 用 案例 < /title> < /head> 


< body> < center> 


<font size=4 color=blue> 模 糊 查 询 < /font>< /center><hr> 
< form method= "post" action= "ex9- 05.jsp"> < font color= green> 


书 名 : < input type= text name= "boal 


注 :可 以 输入 部 


分 词汇 <br> 


<input type= sutmit value=" 提 交心 
<input type= reset value=" 清 除 


</form < /font> 
< /body> < /htm> 


(3) 代码 ex9-05. jsp 清单 如 下 : 


< $@ page contentType= "text/html; charset= GB2312" $> 
< %@ page inport= "java.sql.* " $> 
<htm><head>< title> 模 糊 查 询 < /title> < /head> 


< body> < center> 


< $request.setCharacterEncoding ("GB2312"); 
String b name= request.getParameter ("bookname"); 
if(b name==nul){ 


b name= ""7 
} 
名 > 


A 
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" size=20 maxlength= 20> <br> 


<font size= 4 color=blue> 输 出 与 <$=b names> 有 关 的 图 书 < /font><hr> 
< 
Class.forName ("sun.jdbc.odbc.JdocodocDriver") ; 
Connecticn connF DriverMenager.getConnecticn (jdbc:odbc:bookshoplkv "sam ™) ; 
Statement stmt= conn.CreateStatement () 7 
try{ 
Resultset rs; // 建 立 Resultset (结果 集 ) 对 象 
rs= stmt .executeQuery ("Select * From booktable where bockname like '%"+b name 
+ 吃 叫 7 
// 执 行 Sm 语句 
> 
< table border= 3> 
< tr bgcolor= silver> <b> 
< to> bookidx /td> < td> pookname< /td> < td> author< /to> < to> publisher< /td> 
< to> pubdate< /to> < to> price< /to> < to> snbsptypec /td> < to> quantity< /td> 
</tr> 
<% 
// 利 用 while 循 环 将 数据 表 中 的 记录 列 出 
while (rs.next ()){ 
多 > 
ty 
<tda> <%=rs.getString ("bookid") $>< /td> 
<td> <%=rs.getString ("boomame") $>< /td> 
<toa> <%=rs.getstring ("author") $>< /td> 
<td><%= rs.getString ("publisher") $>< /td> 
<td><s%= rs.getString("pubdate") %> < /td> 
<td><s%= rs.getString("pricem) $>< /td> 
<td><s%= rs.getString("type") %> < /td> 
<td><s%= rs.getString("quantity") $>< /td> 
</tr> 
< 多 
} 
rs.close(); // 关 闭 Resultset 对 象 


Catch (Exception e){ 
out.println (e.getMessage ()); 
} 


stmt.close(); /人 关闭 statement 对 象 
conn.close () 7 // 关 闭 connection 对 象 
$%> 
< /table> < /center> 
< /body> < [htm> 
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(4) 在 浏览 器 中 的 显示 结果 如 图 9-24 所 示 。 


和 


输出 与 计算 机 有 关 的 图 书 


|TSBN 978-7-04-021459-8 | 计算 机 应 用 基础 | 刘 攀 丽 | 高 等 教育 出 版 社 2007- 计算 机 |100 
[TSEN 978-7-121-05285 ”| 计算 机 网 络 工程 与 实 训 教 程 | 徐 武 | 电子 工业 出 版 社 2008-1-1|28 ”| 计算 机 |100 
|ISBN 978-7-900222-91-6 | 计算 机 网 络 | 泥 希 仁 | 电 子 工业 出 版 社 2008-2-1|29 ”| 计算 机 |200 


图 9-24 模糊 查询 


9.3.4 范围 查询 


通过 范围 查询 可 查找 值 在 数据 表 中 某 一 范围 内 的 数据 。 

例 9-6 

(1) 任务 要 求 : 输出 数据 表 booktable 中 某 段 时 间 内 出 版 的 图 书 。 在 界面 (ex9-06. 
html, 见 图 9-25) 中 输入 查询 的 开始 日 期 和 截止 日 
期 ,提交 给 ex9-06. jsp 处 理 ,输出 数据 表 booktable 
中 该 时 间 段 出 版 的 图 书 。 其 关键 查询 语句 为 : 


根据 出 版 日 期 查询 图 书 
"Select * From booktable where Pubdate betwean '"+ s pibdate+ " 
' and "+e Pibdater "™ 查询 在 2011-6-1 “和 |2013-6-1| 之 问 出 版 的 图 书 | | 
提交] 蕊 清原 
其 中 s_pubdate 为 起 始 日 期 ,e_pubdate 为 截止 日 期 。 
(2) 代码 ex9-06. html 清单 如 下 : 图 9-25 范围 查询 


<htm><head><title> 范围 查询 应 用 案例 < /title> < /head> 
< body> < center> 
< font size=4 color=blue> 根 据 出 版 日 期 查询 图 书 < /font> < /center><hr> 
< fom method= "post" action= "ex9- 06.jsp"> < font color= green> 
查询 在 < input type= text name= "starpubdate" size=10 maxlength= 10> 
和 < input type= text name= "endpubdate" size=10 ”mexlengtt=10> 之 间 出 版 的 图 书 <p> 
<input type= sutmit value= "提交 > 
<input type= reset value= "清除 吃 
< /fom> < /font> 
< /body> < /html> 
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(3) 代码 ex9-06. jsp 清单 如 下 : 


< $@ page contentType= "text/html; harset= GB2312" $> 
< %@ page jmport= "java.sql.* " $> 
<html><head><title> 范 围 查询 < /title> < /head> 
< body> < center> 
< $request .setCharacterEncoding ("GB2312"); 
String s pubdate= request.getParameter ("starpubdate"); 
if(s pubdate==null){ 
s_pubdate="™; 
} 
String e pubdate= request.getParameter ("endpubdate"); 
if(e pubdate==nu11){ 
e be= "> 


%> 
<font size=4 color=blue> 在 <%=s pubdates> 和 <%$=e pubdates> 之 间 出 版 的 图 书 < /font>< hr> 
< 
Class.forName ("sun.jdbc.odbc.JabcodbcDriverm 7 
Connecticn aon DriverManager.getConnecticn (jdbc:odbc:bockshopllev "sa", 7 
Statement stmt= conn.createStatement ()7 
try{ 
Resultset rs; // 建 立 Resultset 结果 集 ) 对 象 
rs= stmt .executeQuery ("Select * From booktable where pubdate 
between "+s Pubdater "' and "+e pubdater "'"); 
// 执 行 SQL 语句 
%> 
<table border= 3> 
<tr bgcolor= silver> <b> 
< to bookidk /td> < to> booknamex /to> < td> author< /td> < to> piblisher< /td> 
< to pibdatex /td> < to> prioce< /td> < to> gnpsptype< /to> < ta> quantity< /td> 
</tr> 
< 
// 利 用 while 循环 将 数据 表 中 的 记录 列 出 
while (rs-next ()){ 
$s> 
< 
<td < $=rs.getstring ("bookig") $>< /to> 
< to> < $=rs.getstring ("boomame") $>< /td> 
< to> <%= rs.getstring ("author") $>< /to> 
<td <%= rs.getstring ("publisher") $>< /td> 
< to> <%= rs.getstring ("pubdate") $>< /td> 
<td> <%= rs.getstring ("prioce") $>< /td> 
<td <%=rs.getstring ("type") $>< /td> 
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<td><s=-TS.getString("aquantitym) $>< /td> 
</tr> 
<% 
} 
rs.close(); // 关 闭 Resultset 对 象 


Catch (Exception e) { 
out.println (e.getMessage ()); 
} 


stmt.close(); // 关 闭 statement 对 象 
conn.close (); // 关 闭 connection 对 象 
%> 
< /table> < /center> 
< /body> < /html> 


(4) 代码 ex9-06. jsp 在 浏览 器 中 的 显示 结果 如 图 9-26 所 示 。 


://127.0.0.1:8080/ex_DO9/ex9-06jsp » 好 XE ong 


在 2011-6-1 和 2013-6-1 之 间 出 版 的 图 书 


bookid [pubdate price| type 
|ISBN 978-7-302-18840-7 Web 技 术 应 用 基础 | 可 月 华 | 清华 大 学 出 版 社 ”|2013-1-1 |29 ”| 计算 机 100 
[ISBN 978-7-5635-3092-2 Java 面 向 对 象 程序 设计 张 柱 环北 京 邮 电大 学 出 版 社 [2012-7-27|23 。 [计算 机 150 


图 9-26 输出 在 2011-6-1 到 2013-6-1 之 间 出 版 的 图 书 


9.3.5 复合 条 件 查 询 


复合 条 件 查 询 是 多 个 查询 条 件 的 查询 。 

例 9-7 

(1) 任务 要 求 : 输出 数据 表 booktable 中 某 个 类 别 、 某 时 间 后 出 版 的 图 书 。 在 界面 
(ex9-07. html, 见 图 9-27) 中 输入 类 别 和 日 期 ,提交 给 ex9-07. jsp 处 理 , 输 出 符合 查询 条 件 
的 图 书 。 其 关键 查询 语句 为 : 

"Select * From booktable where type= '"+b typenamer "' and pubdate>= '"+e Pubdater ""™" 


(2) 代码 ex9-07. html 清单 如 下 : 
网 8o/ex_D09s/ex9-07.htm| > 妇 X 用 司 


<html>< head> <title> 复合 查询 应 用 案例 < /title> < /|‖ 训 必 想 赤 “[ 较 复合 查询 应 用 案例 [| 
head> 根据 类 别 和 出 版 日 期 查询 图 书 


由 
人 查询 车 和 类 [5506 了 之 后 出 版 的 图 书 | 咱 
< font size= 4 color=blue> 根 据 类 别 和 出 版 日 期 查询 图 书 | 
[提交 请 陈 _| 
< /font> < /center> < hr> 2 
< form method= "post" action= "ex9- 07.jsp"> < font color= 图 9-27 复合 条 件 查询 
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green> 
查询 < input type= text name= "typename" size= 10 maxlength=10> 类 
< input type= text name= "endpubdate" size=10 maxlength 10> 之 后 出 版 的 图 书 <p> 
< input type= sutmit value=" 提 交 
< input type= reset value=" 清 除 少 
</formm> < /font> 
< /body> < htm> 


(3) 代码 ex9-07. jsp 清单 如 下 : 


< %@ page contentType= "text/html; charset= GB2312" $> 
< $@ page jmport= "java.sql.* " $> 
<html><head>< title> 复 合 查询 < /title> < /head> 
< body> < center> 
< $request..setCharacterFnooding ("GB2312") ; 
String b typename= request .getParameter ("typename"); 
证 bb typename==null){ 
b _typename= ""7 
} 
String e pubdate= request.getParameter ("endpubdate"); 
if(e pubdate==nu11){ 
e te= "7 


务 > 
<font size= 4 color=blue> 查 询 <$=b typenames> 类 在 <$=e pubdates> 后 出 版 的 图 书 < /font><hr> 
< 多 
Class.forName ("sun.jdbc .odbc .JdbcodbcDriver"); 
Connecticn conrnF DriverManager.getConnecticn ("jdbc:odbc:bookshoplk", "sam ™) ; 
Statement stmt= comn.createStatement () 7 
try{ 
Resultset rs; // 建 立 Resultset 结果 集 ) 对 象 
rs= stmt .executeQuery ("Select * From booktable where 
type= '"+b typenamet+ "' and pubdate>= '"+e Pubdater "'"); 
// 执 行 sE 语 句 
各 > 
< table border= 3> 
<tr bgcolor= silver> <b> 
< td> bookidx /td> < td> boomame< /td> < to> author< /to> < to> publisher< /td> 
< to> pubdate< /td> < td> pricex /to> < to> gnbsptype< /tod> < to> quantity< /td> 
</tr> 
< 
// 利 用 while 循 环 将 数据 表 中 的 记录 列 出 
while (rs.next ()){ 
名 > 
< 
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<td><%=-ITSs.getString("bookidq") $>< /td> 排序 者 i 牵 例 -\ ~ 
< td> < $=rs.getstring ("boomame") $>< /to> F S 
<td><%=rs.getSstring("author") $>< /td> 
<td><%=rs.getstring ("publisher") $>< /td> 
<td><%=rs.getstring("pubdate") $>< /td> 
<td> < $=rs.getstring("price") $>< /td> 
<td><%=rs.getstring("type") $>< /td> 
<td>< $=rs.getstring("quantity") $>< /td> 

> 

<% 
} 
rs.close(); // 关 闭 Resultset 对 象 


排序 查询 


图 9-29 选择 排序 方式 


catch (Exception e){ 
out.println (e.getMessage ()); 
} 


stmt.close(); // 关 闭 statement 对 象 
conn.close (); // 关 闭 connection 对 象 
%> 
< /table> < /center> 
< /body> < /html> 


(4) 代码 ex9-07. jsp 在 浏览 器 中 的 显示 结果 如 图 9-28 所 示 。 


[xlam E 


http://127.0.0.1:8080/ex DO9/ex9 07jsp wil 

EE 

查询 计算 机 类 在 2008-1-1 后 出 版 的 图 书 
authorpublisher lpubdate price| type auantity 


booknane 
ISBN 978-7-121-05285 ”| 计算 机 网 络 工程 与 实 训 教 程 | 徐 武 ”| 电子 工业 出 版 社 2008-1-1 


28 ”计算 机 |100 
ISBN 978-7-302-18840-7 Web 技 术 应 用 基础 [村 月 华 了 清华 大 学 出 版 社 。 |2013-1-1 |29 ”| 计算 机 |100 
ISBN 978-7-5635-3092-2 |Java 面 向 对 象 程序 设计 张 桂 珠 [北京 邮电 大 学 出 版 社 |2012-7-27|23 “计算 机 |150 
ISBN 978-7-900222-91-6 | 计算 机 网 络 谢 希 仁 | 电 子 工业 出 版 社 。 [2008-2-1 |29 ”| 计算 机 |200 


一 — 0 


图 9-28 输出 2008-1-1 以 后 出 版 的 计算 机 类 图 书 


9.3.6 排序 查询 


在 SQL 语句 中 应 用 Order By 子 语句 ,对 查询 结果 记录 进行 排序 。 

例 9-8 

(1) 任务 要 求 : 在 界面 (ex9-08. html, 见 图 9-29) 选 择 排 序 项 目 ,提交 给 ex9-08. jsp 处 
理 ,根据 用 户 要 求 排序 输出 图 书 。 其 关键 查询 语句 为 : 


"Select * From booktable Order By "+s mamet ™ 


表示 取出 booktable 表 中 的 所 有 数据 ,并 按 s_rname 所 指明 的 字段 排序 。s_rname 是 用 户 
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选择 的 排序 字段 。 
(2) 代码 ex9-08. html 清单 如 下 : 


<htm><head> < title> 排 序 查询 应 用 案例 < /title> 

< /head> 

< body> < center> 

< font size= 4 color=blue> 排 序 查询 < /font> < /center> < hr> 

< form method= "post" action= "ex9- 08.jsp"> < font color= green> 
< input type= radio name= "mame" value= "pubdate" checked> 按 出 版 日 期 排序 
< input type= radio name= "mame" value= "pookig"> 按 书号 排序 
< input type= radio name= "mame" value= "price"> 按 价格 排序 <p> 
<input type= submit value=" 提 交 > 
<input type= reset value= "清除 > 

< /fomt < /font> 

< /body> < /html> 


(3) 代码 ex9-08. jsp 清单 如 下 : 


< $Q@ page contentType= "text/html; charset= GB2312" $> 
< $Q@ page import= "java.sql. * " %> 
<htm><head><title> 排 序 查询 < /title> < /head> 
< body> < center> 
< $request .setCharacterFncoding ("GB2312"); 
String s_mame= request.getParameter ("mame"); 
if(s mame==nul1l){ 


5 mame="™; 
} 
%> 
< font size= 4 color=blue> 按 <%=s_mame%> 排 序 < /font> <hr> 
<% 


Class .forName ("sun.jdbc .odbc .JdbcodbcDriver"); 
Connecticn oonre DriverManager.getConnecticn (jdbc:odbc:bookshoplk", "sa", ™); 
Statement stmt= conmn.createStatement (); 
tryf 
Resultset rs; // 建 立 Resultset (结果 集 ) 对 象 
rs= stmt .executeQuery ("Select * From booktable Order By "+s_ mame+ " Desc" ); 
// 执 行 0L 语 句 
名 > 
<table border= 3> 
< tr bgcolor= silver> <b> 
< tc bookidx /td> < td> boomame< /to> < to> author< /td> < to> publisher< /td> 
< to> pubdate< /td> < to> pricex /to> < td> gnbsptype< /td> < to> quantity< /td> 
</tr> 
< 
// 利 用 while 循 环 将 数据 表 中 的 记录 列 出 
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while (rs.nezxt()){ 


%> 
< 
<td> <$=rs.getstring ("bookid") $>< /td> 
<td> <$=rs.getstring ("boomame") $>< /td> 
<td> <$=rs.getstring ("author") $>< /td> 
< td> < $=rs.getstring ("publisher") $>< /td> 
<to>< $=rs.getSstring("pubdate") $>< /td> 
< td> < $=rs.getSstring("price") $>< /td> 
<to><%=rs.getstring("type") $>< /td> 
<td> <%=rs.getstring ("quantity") $>< /ta> 
</tr> 
< 
} 
rs.close(); // 关 闭 Resultset 对 象 
} 
catch (Exception e) { 
out.println (e.getMessage ()); 
} 
stmt.close(); // 关 闭 statement 对 象 
conmn.close(); // 关 闭 Connection 对象 
多 > 
< /table> < /center> 
< /body> < /html> 


(4) 代码 ex9-08.jsp 在 浏览 器 中 的 显示 结果 如 图 9-30 所 示 , 图 书 按 用 户 要 求 的 “出 
版 日 期 "降序 排序 。 


BN http://127.0.0.1:8080/ex_DO9/ex9 -08jsp “| 小 |X ar7 ER 
襄 收 藏 天 | 网 排序 查询 | 
按 price 排 序 
ER ES 
PSEN 978-7-302-15261-3 Web 技术 Jeffrey C.Jackcon | 清华 大 学 出 版 社 |2007-6-1 计算 机 |100 
SBN 978-7-302-1292?-4 Web 程 序 设计 帮 ) Robert Sebesta 隙 年 大 学 叶片 社 2006-8-1 | 计算 机 [100 
[SBN 7-302-0a599-4 “CH 程序 设计 [Ez 畏 华 大 学 出 咏 和 注 。 2006 忆 二 35 计算 机 |100 
[LSBN 7-5053-9956-3 |ASPSASP. NET 应 用 缩 程 150 例 甘 冰 才子 工 亚 出 氢 社 [2004-5-1 35。 陡 得 机 |200 
FSEN 7-5640-0139-9 CPA 会 计 苞 王 荣 电子 工业 出 版 社 |2003-3-1 攻 济 |100 
FSEN 7-5540-0165-8 [现代 汽车 动力 传动 区 置 的 控制 技术 科学 条 隔年 大 学 中 所 社 。 2004-7-27 同一 摧 梳 150 
SEN 7-04-012301-0 。 “CH 程序 设计 医 乃 陋 0 
[SEN 978-7-04-021459-8 计算 机 应 用 基础 风 oI 拆 硬 亢 符 教育 出 版 社 。 |2007-6-1 |23.5 ” 秆 算 机 |100 
FESEN 78-7-900222-91-5 | 计算 机 网 络 [本 电子 工业 出 瞩 社 所 蓝 机 [200 
FESEN 978-7-302-18340-7 Web 技 术 应 用 码 科 医 月 华 陋 华 大 学 出 版 社 计 萌 机 [109 
SEN 978-?-121-05285 “计算 机 网 络 工程 与 实 训 教 程 障 武 电 了 工业 出 版 社 2008-1-1 28 。 半 算 机 |100 
FSBN 7-111-08318-0 ”|CH 程 序 讼 计 教程 [2 靖 柜 工业 出 气 社 |2003-2-1 四 “和 半 莫 机 [100 
FSBN 978-7-5635-3092-2 |Jaya 耐 向 对 象 程序 设计 导入 殊 [ 开 京 艺 电 大 学 出 瞩 社 2012-7-2T 1235 。” 财 算 机 [150 
[SEN 7-5640-0244-1 类 至 的 克 事 医 : 至 过 . 厚 未 。 | 大 民 亡 电 于 睹 入 。 |2004-5-1 |15 [100 | 


图 9-30 按 价格 排序 输出 图 书记 录 
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9.4 添加 记录 


1. 使 用 SQL 语句 添加 新 记录 

使 用 SQL 语句 在 数据 库 表 中 添加 新 纪录 。 

例 9.9 管理 员 在 界面 (ex9-09. html, 见 图 9-31) 输 入 需要 添加 到 数据 库 中 的 新 书 数 
据 , 并 把 这 些 数据 提交 给 ex9-09. jsp 处 理 。 在 ex9-09. jsp 用 SQL 的 Insert 命令 向 
booktable 数据 表 插 入 一 条 新 的 图 书记 录 , 并 显示 新 添加 的 记录 。 其 关键 语句 为 : 

Insert Into booktable (bookid, bookmame, author, publi sher, pubdate, price, type, quantity) 

Values('"+ s bkidr "wy "SS bknamer "','""+s authomamet+ "','"+s bkpublisher+ ™'," 

叶 3 wr oy 5 bkpricer ", "+ S_bktype+ os blauantity+ be 

该 语句 将 在 booktable 表 中 插入 一 条 记录 ,其 中 boolid 字段 的 值 为 s_bkid 项 的 值 ， 
bookname 的 值 为 s_bkname 项 的 值 ,以 此 类 推 。 


80/ex DO9/ex9-09.htm| » “+ XI 


向 数据 库 添加 新 记录 


书号 :ISBN 378-7-302-30021-2 书 ”名 : 故 据 库 原理 与 设计 中 
作 者 :吴京 丰 出 版 社 : 清华 大 学 出 版 社 引 
出 版 日 期 : 2012-10 价 格 :22 

类 别 :计算 机 数量:10 | 


凡 ”于 
加 

部 

BE 

7 


2. 代码 ex9-09. html 清单 


<htm><head>< title> 添 加 记录 应 用 案例 < /title> < /head> 
< body> < center> 
< font size=4 color=blue> 向 数据 库 添加 新 记录 < /font> < /center><hr> 
< form method= "post" action= "ex9- 09.jsp"> < font color= green> 
书号 :< input type= text name= "bkid" size= 22> 
书 名 :< input type= text name= "blname" size= 22><br> 
作者 :< input type= text name= "authorname" size= 22> 
出 版 社 :< input type= text name= "bkpublisher" size= 22> <br> 
出 版 日 期 :< input type= text name= "bkpubdate" size= 22> 
价格 :< input type= text name= "bkprice" size= 22> <br> 
类 别 :< input type= text name= "bktype" size= 22> 
数量 :< input type= text name= "bkquantity" size= 22> <p> 
<input type= sutmit value=" 提 交心 
< input type= reset value=" 清 除 少 
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</form> < /font> 
< /body> < /html> 


3. ex9-09. jsp 代码 清单 


< $Q@ page contentType= "text/html; charset= GB2312" $> 
< SQ@ page jmport= "java.sql.* " %$> 
<htm><head>< title> 添 加 记录 < /title> < /head> 
< body> < center> 
< $request .setCharacterFncoding ("GB2312"); 
String s bkid= request.getParameter ("bkid"); 
if(s bkid==null){ 
5_bkid= ""7 
} 
String s bmame= request.getParameter ("Pkname"); 
if(s bkname==nu11){ 
5 bname= "™"; 
} 
String s_ authomame= request.getParameter ("authomame"); 
if(s authorname==nul11){ 
5_authomame= "™; 
} 
String s bkpublisher= request .getParameter ("Pkpublisher"); 
if(s bkpublisher==nul1) { 
5_ bkpublisher=""; 
} 
String s bkpubdate= request.getParameter ("bkpubdate") ; 
if(s bkpubdate==nu11){ 
s_ bkpubdate= "™"; 
} 
String s bkprice= request.getParameter ("bkprioe"); 
if(s bkprice==nu11){ 
s bkprioe="™; 
} 
String s bktype= request.getParameter ("bktype"); 
if(s bktype==null){ 
S_bktype= "™"; 
} 
String s bkquantity= request.getParameter ("pkgquantity"); 
if(s bkquantity==nu11) { 


5 bkquantity= "™"; 
h 
3> 
<font size= 4 color=blue> 新 添加 的 记录 < /font><hr> 
交 攻 
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String sql; 

Class.forName ("sun.jdbc .odbc.JdboodbcDriver"); 

Connection conrF Drivervanager.gstConnection (jdbc:odbc:bookshoplkev "sam ™) ; 
Statement stmt= conmn.createStatement (); 


try{ 
sql= "Insert Into booktable (bookid, boomame, author, publisher, pubdate, price, 
type, quantity) 
Values ("+s bkid+t"','"+s bkname+"','"+s authomame+""',"'"+s bkpublisher+t"','"+s 
bkpubdater ™',' 
"rs bkprioet ™', "+s bktype+ "',"+s bkquantity+ ")"; 
stmt .executeUpdate (sql); 
ResultSset rs; // 建 立 Resultset 结果 集 ) 对 象 
ITS= stmt .executeQuery ("Select * From booktable where bookid= '"+ s bkid+ "'"); 
/执行 SL 语句 
%> 
< table border= 3> 
< tr bgcolor= silver> <b> 


< to> bookidx /td> < td> bocknamex< /td> < to> author< /td> < to> publisher< /td> 
< to> pubdatec /td> < to> price< /td> < td> typec /to> < ta> quantityc /td> 
</tr> 
<% 
// 利 用 while 循 环 将 数据 表 中 的 记录 列 出 
while (rs.next ()){ 
%> 
<tr> 
<td> <%=rs.getstring ("bookid") $>< /td> 
<td> < %=rs.getstring ("boomame") $>< /td> 
< to> < $=rs.getstring ("author") $>< /td> 
< td> <%=rs.getstring ("publisher") $>< /td> 
< td> < $=rs.getString ("pubdate") $>< /to> 
<tda> <%=rs.getString ("prioe") $>< /td> 
<td><%= rs.getstring("type") $>< /td> 
<td><%= rs.getstring("quantity") $>< /td> 
</tr> 
< 和 对 
} 
rs.close(); // 关 闭 Resultset 对 象 


catch Exosption e) { 


out.printin (e.getMessage ()); 

} 

stmt.close(); // 关 闭 statement 对 象 

conn.close (); // 关 闭 connection 对 象 
3> 
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< /table> < /center> 

< /body> < /html> 

4. 运行 结果 

代码 ex9-09.jsp 在 浏览 器 中 的 显示 结果 如 图 9-32 所 示 。 


新 添加 的 记录 


TSBK 978-7-302-30021-2 妆 据 库 原理 与 设计 屋 京 在” 清华 大 学 出 版 社 2012-10-1 |22 ”计算 机 100 


图 9-32 添加 并 显示 新 记录 


9.5 更 新 记录 


1. 使 用 SQL 语句 更 新 记录 

使 用 SQL 语句 更 新 数据 库 中 的 记录 ,通过 where 子 句 限定 要 进行 更 新 的 纪录 。 

例 9.10 管理 员 在 界面 (ex9-10. html, 见 图 9-33) 输 入 需要 更 新 数据 的 图 书 书号 ,并 
把 更 新 的 数据 提交 给 ex9-10. jsp 处 理 。 在 ex9-10. jsp 用 SQL 的 Update 语句 更 新 记录 ， 
并 输出 更 新 后 的 记录 。 其 关键 语句 为 : 


"update booktable Set quantity= '"+ s bkquantity+ "' where bookid= '"+s bkidr ™'™; 


表示 更 新 booktable 中 的 记录 ,条 件 是 该 书 的 bookid 等 于 用 户 输入 的 图 书号 ,该 书 的 数量 
等 于 用 户 输入 的 数量 。 


输入 需要 更 新 数量 的 图 书 书号 :|1S8N 978-7-302-30021-2 。 输入 新 的 数量 : 2%0 
Ee 


i 号 
图 9-33 更 新 记录 


2. ex9-10. html 代码 清单 


<html><head>< title> 更 新 记录 应 用 案例 < /title> < /head> 

< body> < center> 

< font size=4 color=blue> 更 新 记录 < /font> < /center><hr> 

< form method= "post" action= "ex9- 10.jsp"> < font color= green> 
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输入 需要 更 新 数量 的 图 书 书号 :< input type= text name= "bkid" size= 20> snbsp; 
输入 新 的 数量 :< input type= text name= "bkquantity" size= 22> <p> 
<input type= submit value=" 提 交 必 
< input type= reset value=" 清 除 少 
</form> < /font> 
< /body> < /html> 


3. ex9-10. jsp 代码 清单 


< $@ page contentType= "text/html; charset= GB2312" $> 
< $@ page import= "java.sql. * " %> 
<htm><head>< title> 更 新 记录 < /title> < /head> 
< body> < center> 
< $request..setCharacterFEncoding ("GB2312"); 
String s bkid= request.getParameter ("bkid"); 
if(s bkid-=null){ 
s bkid"™; 
} 
String s bkquantity= request.getParameter ("bkquantity"); 
if(s bkquantity==nu11){ 
5 bkquantity= "™; 


$%> 
< font size= 4 color=blue> 更 新 记录 < /font> <hr> 
< 多 
String sql; 
Class.forName ("sun.jdbc .odbc.JdbcodbcDriver"); 
Connecticn connF DriverManager.getConnecticn (jdbc:odbc:bookshopllev "sa ™) ; 
Statement stmt= conn.CreateStatement () 7 
try{ 
sql= "update booktable Set quantity= '"+ s bkouantity+ "' where bookid= '"+ s bkid 
二 
stmt .executeUpdate (sql); 
Resultset rs; // 建 立 Resultset (结果 集 ) 对 象 
Ts= stmt .executeQuery ("Select * From booktable where bookid= '"+s bkig+ ™"™"); 
// 执 行 0L 语 句 
%> 
< table border= 3> 
<tr bgcolor= silver> <b> 
< tod> bookidx /td> < td> poomame< /td> < to> author< /to> < to> publisher< /td> 
< to> pubdate< /to> < to> pricex /to> < to typex /to> < td> quantity< /td> 
</tr> 
<% 
// 利 用 while 循 环 将 数据 表 中 的 记录 列 出 
while (rs.next ()){ 
%> 
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Em 
<td><s=-ITS.getString("bookid") $>< /td> 
<ta>< $=rs.getString ("boomame") $>< /td> 
<td><s-TS.getString("author") $>< /td> 
<td><s=- ITS.getString("publjisher") $>< /td> 
<td><%=rs.getstring("pubdate") s> < /td> 
<td><s=-TSs.getString("pricem) $>< /td> 
<td><%=rs.getstring("type") $>< /td> 
<to> <%=rs.getstring ("quantity") $>< /td> 

</tr> 

<% 
} 
rs.close(); // 关 闭 Resultset 对 象 


catch (Exception e){ 
out.println (e.getMessage ()); 
} 


stmt.close ()7 // 关 闭 statement 对 象 
conn.close(); // 关 闭 connection 对象 
多 > 
< /table> < /center> 
< /body> < /html> 
4. 更 新 结果 


代码 ex9-10. jsp 在 浏览 器 中 的 显示 结果 如 图 9-34 所 示 ,书号 为 ISBN 978-7-302- 
30021-2 的 图 书 已 经 更 新 为 200 册 。 


全 更 Xie 录 -Wind 


过 
水 
同 
部 


TSBN 978-7-302-30021-2 数据 库 氮 理 与 设计 攻 京 想 ” 清 华 大 学 出 版 社 |2012-10-1 |22 


HH 曙 机 200 


图 9-34 更 新 后 的 结果 


9.6 删除 记录 


1. 使 用 SQL 语句 删除 记录 

例 9.11 管理 员 在 界面 (ex9-11. html, 见 图 9-35) 输 入 需要 删除 图 书 的 书号 ,并 把 要 
删除 的 书号 数据 提交 给 ex9-11. jsp 处 理 。 在 ex9-11. jsp 中 ,用 SQL 的 Delete 语句 将 该 
记录 删除 ,并 显示 删除 后 的 booktable 数据 表 。 其 关键 语句 为 : 
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"Delete From booktable Where bookid= "+ s bkidr mn ce 


| s0/ex Dos/ex9 -11.html ~ 


表示 删除 booktable 表 中 的 bookid 为 用 户 输 入 书号 


(s_bkid) 的 图 书 。 删除 记录 


本 例 删除 刚才 添加 的 书号 为 ISBN 978-7-302- 
30021-2 的 图 书 。 


2. 代码 ex9-11. html 清单 


= 提交， 二 清除 


图 9-35 删除 记录 
<html> < head> < title> 删除 记录 应 用 案例 </title></ 
head> 
< body> < center> 
< font size= 4 color=blue> 删 除 记录 < /font> < /center> < hr> 
< form method= "post" actior= "ex9- 11.jsp"> < font color= green> 
输入 需要 删除 的 图 书 书号 :< input type= text name= "bkid" size= 20> <p> 
<input type= sumit value=" 提 交 必 
<input type= reset value=" 清 除 少 
< /fom> < /font> 
< /body> < /html> 


3. 代码 ex9-11. jsp 清单 


< $@ page contentType= "text/html; charset= GB2312" $> 
< $Q@ page irport= "java.sql. * " %> 
<htm><head>< title> 删除 记录 < /title> < /head> 
< body> < center> 
< $request .setCharacterFncoding ("GB2312"); 
String s bkid= request.getParameter ("bkid"); 
if(s bkid==nul1){ 


s bkid=""; 
} 
多 > 
<font size= 4 color=blue> 删 除 后 的 记录 < /font><hr> 
<% 
String sql; 


Class .forName ("sun.jdbc .odbc .JdbcodbcDriver"); 
Connecticn oonre DriverManager.getConnecticn (9jdbc:odbc:bookshopllev "sa", ™); 
Statement stmt= conmn.createStatement (); 
try{ 
sql= "Delete From booktable Where bookid= '"+ s bkid+t ™'™; 
stmt .executeUpdate (sql); 
Resultset rs; // 建 立 Fesultset (结果 集 ) 对 象 
rs= stmt .executeQuery ("Select * From booktable"); 
/执行 sm 语句 
$%> 
<table border= 3> 
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答 入 亏 要 一 除 的 图 书 书号 :TB 576-7-502-50021-2 | 


<tr bgcolor= silver> <b> 
< td> bookidx /td> < td> bocknamex /td> <td> author< /td><td> publisher< /td> 
< to> pubdatex /td> < td> pricex /td> <td> typex /to> < to> quantity< /td> 
</tr> 
< 
// 利 用 while 循 环 将 数据 表 中 的 记录 列 出 
while (rs.next ()){ 


%> 
i 
< tod> < $=rs.getstring ("bookid") $>< /td> 
< td> < $=rs.getSstring ("boomame") $>< /to> 
<to><%=rs.getstring("author") $>< /td> 
<td><%=rs.getString ("publisher") $>< /td> 
<td> <%=rs.getSstring ("pubdate") $>< /td> 
<td> <%=rs.getSstring ("prioe") $>< /td> 
<td> < $=rs.getSstring ("type") $>< /td> 
<td> <%=rs.getString ("quantity") $>< /td> 
</tr> 
< 多 
} 
rs.close(); // 关 闭 Resultset 对 象 
} 
catch (Excepticn e) { 


out.println (e.getMessage ()); 
} 


stmt.close (); // 关 闭 statement 对 象 
conn.close ()7 // 关 闭 connection 对 象 
和 > 
< /table> < /center> 
< /body> < /html> 


4. 删除 后 的 booktable 数据 表 
由 于 删除 的 是 在 例 9. 9 中 添加 的 记录 ,所 以 删除 该 记录 后 得 数据 表 仍 然 如 图 9-21 
所 示 。 


小 结 


使 用 JDBC 连接 数据 库 ,完成 的 主要 工作 有 : 

。 与 数据 库 建立 连接 。 

。 发 送 SQL 语句 。 

。 处 理 结 果 集 。 

JDBC 常用 的 数据 库 连接 方式 有 JDBC-ODBC 桥 驱 动 和 纯 Java 数据 库 驱 动 程序 。 若 
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使 用 JDBC-ODBC 桥 连 接 数据 库 ,把 JDBC API 驱动 转换 为 ODBC API 驱动 ,需要 先 创建 
数据 源 对 应 需要 连接 的 数据 库 。JDBC 连接 数据 库 的 主要 步骤 有 : 

(1) 引入 java. sql 包 。 

(2) 把 JDBC 了 驱动 类 载 入 java 虚拟 机 。 

(3) 建立 连接 。 

(4) 发 送 SQL 语句 。 

(5) 接收 并 处 理 结果 集 。 

(6) 执行 SQL 语句 。 

(7) 关闭 对 象 释放 资源 。 

与 数据 库 建立 连接 后 ,就 可 以 对 数据 库 数 据 进行 各 种 操作 ,如 查询 .插入 、 更 新 和 删 


习题 上 机 练习 与 实 训 9 


一 、 选 择 题 
1. 与 数据 库 建立 连接 需要 创建 ( ) 类 对 象 。 
A. Statement B. resultset 
C. Connection D. PrepareStatement 


2. 与 数据 库 建立 连接 并 操作 数据 库 数据 的 主要 步骤 的 顺序 为 ( 让 
@@ 发 送 SQL 语句 ”四 与 数据 库 建立 连接 . 四 关闭 连接 
@ 载 和 数据库 驱动 程序 ”@ 接 受 并 处 理 结果 集 
A. DOOOO B. @OOOG C. OOOO D. OOO@@ 
3. 要 查询 booktable 表 中 所 有 数据 ,应 使 用 ( ) 语 句 。 
A. "Select * From booktable"; 
B. "Select * From booktable where bookname like '%"+bNamet+"%"; 
C. "Select * From booktable where pubdate between "十 s_pubdate 十 "and "十 e 


_pubdate 十 ""”; 
D. "update booktable Set Price 一 "十 S_bkprice 十 "where bookid 王 "十 s_bkid 十 "”; 
二 、 简 答题 
. 名 词 解释 : 数据 库 数据库 管 理 系 统 、 数 据 表 、 记 录 、 字 段 。 


. JDBC 的 全 称 和 英文 名 称 是 什么 ? 

. JDBC 的 功能 是 什么 ? 

. 简 述 JDBC 的 工作 原理 。 

. 简 述 JDBC 数据 库 连接 方式 。 

. 简要 列 出 JDBC 建立 数据 库 的 连接 步骤 。 

. 请 写 出 包含 java. sql 的 Page 指令 语句 。 

. 请 写 出 加 载 JDBC-ODBC 桥 驱 动 程序 的 语句 。 


Iw DL 
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9. 如 果 数 据 库 bookshop 的 数据 源 名 是 bookshopdsn, 用户 名 是 sa, 用 户口 令 是 
12345678 ,请 写 出 与 该 数据 库 建 立 连 接 的 语句 。 
10. 用 Statement 类 的 对 象 向 上 题 的 bookshop 数据 库 发 送 SQL 语句 。 


三 、 上 机 练习 

1. 设计 一 个 网 上 商店 (商品 种 类 可 以 自选 ), 系 统 功能 参考 图 9-36 ,选择 其 中 一 个 模 
块 ,例如 商品 展示 模块 。 为 该 模块 设计 数据 库 和 数据 表 , 例 如 商品 数据 表 名 为 goodsinfo， 
创建 数据 库 和 数据 表 。 


客户 端 管理 端 


客户 身份 验证 | ”| 商品 展示 购物 车 | 


客 客 | | 商 | | 商 放 | | 查 | | 更 | | 订 | | 用 留 | | 用 | | 商 | | 订 | | 职 
户 户 | | 品 | | 品 入 | | 看 | | 新 | | 单 | | 户 | | 言 | | 户 | | 品 | | 单 | | 工 
注 登 | | 查 | | 展 购 | | 购 | | 购 | | 处 | | 留 | | 管 | | 管 | | 管 | | 管 | | 管 
录 | | 询 | | 示 物 | | 物 | | 物 | | 理 | | 言 | | 理 | | 理 | | 理 | | 理 | | 理 
车 | | 车 | | 车 
图 9-36 网 上 商店 


. 使 用 JDBC-ODBC 桥 与 数据 库 建 立 连接 。 
. 输出 网 上 商店 数据 库 中 某 张 表 的 表 头 。 
. 输出 网 上 商店 数据 库 中 某 张 表 的 第 2 条 记录 。 
. 输出 网 上 商店 数据 库 中 某 张 表 的 所 有 记录 。 
. 输出 网 上 商店 数据 库 中 某 张 表 中 的 指定 记录 。 
. 对 网 上 商店 数据 库 中 的 记录 进行 模糊 查询 。 
. 对 网 上 商店 数据 库 中 的 记录 进行 范围 查询 
. 把 网 上 商店 数据 库 中 某 张 表 的 数据 逆序 输出 。 
10. 对 网 上 商店 数据 库 中 某 张 表 进行 插入 、 删 除 和 更 新 操作 。 


四 、 实 训 

1. 使 用 JSP 技术 建立 一 个 班级 网 站 要求: 

(1) 建立 一 个 班级 数据 库 ,数据 库 中 应 有 班级 的 基本 信息 ,如 通讯 录 、 成 绩 单 等 。 

(2) 制作 一 个 动态 网 页 。 该 网 页 能 够 接收 用 户 信息 ,并 根据 用 户 要 求 把 后 台数 据 库 
信息 发 布 到 前 端的 浏览 器 。 

(3) 在 网 页 中 提供 各 种 查询 功能 .例如 ,查询 某 位 同学 的 学 习 成 绩 ,计算 班级 的 及 格 
率 或 优秀 率 等 。 

2. 为 校园 网 完成 学 籍 管理 软件 中 学 生成 绩 管理 模块 的 设计 与 制作 ,包括 学 生成 绩 的 
浏览 录入、 添加、 删除 查询 和 更 新 等 功能 。 

3. 在 本 章 上 机 练习 的 基础 上 完成 网 上 商店 的 应 用 开发 ,要 求 有 商品 浏览 和 购物 车 
功能 。 


CPNmRIrwy 
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交 ”Servlet 基础 
第 《0 


Servlet 是 运行 在 服务 器 端的 Java 程序 。 它 是 使 用 JSP 十 Servlet 或 JSP 十 Servlet 十 
JavaBean 开发 的 Web 应 用 系统 , 跨 平台 特性 非常 好 ,所 以 Servlet 技术 的 应 用 日 益 广泛 。 
本 章 将 主要 介绍 Servlet 的 基本 概念 .Servlet 代码 的 编写 方法 ,以 及 Servlet 文件 目录 结 
构 的 部 署 。 

学 习 要 点 : 

(1) 理解 Servlet 的 类 结构 .Servlet 的 生命 周期 和 工作 过 程 。 

(2) 会 在 web. xml 文件 中 编写 Servlet 路 径 映 射 代码 。 

(3) 熟练 部 署 Servlet 的 文件 目录 结构 。 

(4) 掌握 编写 Servlet 代码 的 技术 。 

(5) 熟练 使 用 JSP 二 Servlet 开发 Web 应 用 。 

(6) 能 够 使 用 JSP 十 Servlet 十 JavaBean 开发 Web 应 用 。 

第 10 章 的 Web 服务 目录 是 ex_D10, 本 章 所 有 案例 存放 在 D:\Tomcat7. 0\webapps 
\ex_D10 目录 下 ,Servlet 的 class 文件 存放 在 D:\Tomcat7. 0\webapps\ex_D10\WEB- 
INF\classes 目录 下 ,部 署 文件 web. xml 存放 在 D:\Tomcat7. 0\webapps\ex_D10\WEB- 
INF 目录 下 。 


10. 1 Servlet 概述 


Servlet 是 运行 在 服务 器 上 的 可 以 处 理 客户 端 请 求 的 Java 程序 。 


10.1.1 Servlet 与 JSP 


1. Servlet 

Servlet 是 运行 在 服务 器 端的 Java 程序 ,本 质 上 是 一 个 特定 的 Java 类 , 除 遵循 一 般 
Java 类 的 规则 外 ,Servlet 还 可 以 接受 并 响应 HTTP 请 求 。Servlet 是 javax. servlet. http 
包 中 的 HttpServlet 类 的 子 类 .HttpServlet 类 实现 了 Servlet 接口 ,执行 服务 器 对 客户 的 
响应 。 


2. JSP 

JSP 技术 是 以 Java Servlet 为 基础 的 ,是 Servlet 的 一 个 应 用 。 当 客户 请 求 一 个 JSP 
页 面 时 ,JSP 引擎 按 如 下 过 程 执行 (参见 第 7 章 图 7-2)。 

(1) 把 JSP 代码 转译 成 java 源 文 件 ,也 就 是 Servlet 文件 。 

(2) 编译 java 文件 生成 字 节 码 文 件 (. class 文件 )。 

(3) 字 节 码 文件 加 载 到 内 存 。 

(4) 字 节 码 文件 在 服务 器 端 创建 一 个 Servlet 对 象 。 

(5) 该 Servlet 对 象 访问 方法 ,响应 客户 请 求 。 在 多 个 客户 请 求 同 一 个 JSP 页 面 时 ， 
服务 器 启动 多 个 线程 响应 客户 请 求 。 


3. Servlet 与 JSP 的 区 别 

通过 对 比 可 见 ,JSP 技术 屏蔽 了 Servlet 对 象 的 创建 过 程 。 在 执行 的 第 一 步 就 转译 为 
Servlet(Java 程序 ), 由 JSP 引擎 自动 完成 客户 与 服务 器 的 响应 过 程 。 而 Servlet 是 直接 
编写 Java 程序 ,由 Java 程序 完成 客户 与 服务 器 的 响应 过 程 。 

JSP 只 能 处 理 浏览 器 请 求 ,而 Servlet 可 以 处 理 客 户 端 应 用 程序 的 请 求 。Servlet 加 
强 了 Web 服务 器 的 功能 。 

在 Web 应 用 中 ,如 果 页 面 显示 效果 比较 复杂 可 首选 JSP 技术 ,而 业务 逻辑 处 理 首选 
Servlet。 使 用 JSP 十 Servlet 技术 可 以 把 页 面 表 示 交 JSP, 业 务 迎 辑 由 Servlet 处 理 , 从 而 
可 快速 、 从 而 可 高 效 、 合 理 地 开发 Web 应 用 。 


10. 1.2 Servlet 使 用 示例 


例 10.1 按 以 下 步骤 制作 一 个 在 浏览 器 中 显示 “你 好 ! 第 一 个 Servlet。” 文 字 的 
Servlet。 通 过 本 例 读者 将 掌握 Servlet 的 制作 过 程 和 调用 方法 。 


1. 编辑 Servlet 源 文件 


Hello.java 
Package MyServlet; 
inport java.io.*; 
import javax.servlet.* ; //Servlet 需要 导入 javax.servlet 包 
jimport javax.servlet.http.* ; //Servlet 需要 导入 javax.servlet.http 包 
Public class Hello extends Httpserviet 
//Servlet 必须 自 javax.servlet.http.Httpservlet 类 继承 
{ 


Public Hello() { // 构 造 函 数 
Super()7 

} 

public void destroy(){ // 调 用 destroy() 方 法 销毁 servlet 对 象 
Super.destroy (0)7 


} 


292 一 一 一 一 一 一 一 一 Web 技 术 应 用 基础 (第 3 版 ) 


Public void doGet (HttpServletRequest request,HtbpServletResponse response) 

//aoGet (方法 响应 客户 请 求 

throws ServletExoeption, IORxosption 
{ GoPost (request,response); ””// 确 保 客 户 使 用 何 种 方式 提交 ,都 能 正确 响应 
} 
Public void doPost (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException 
{ response.setContentType ("text/html; harset= GBK") ; 

// 设 置 响应 输出 格式 ,防止 输出 中 文 乱码 
PrintWriter out= response.getWriter (); 

// 获 得 向 客户 发 送 数 据 的 输出 流 
out.printin("<htm><head>< title> 第 一 个 Servletx /title> < /head> < body> "); 
out.printIn("<h3> 你 好 ! 第 一 个 Servlet。< /h3><br>"); 
out.println("< /body> < /html> "); 
out .close(); 

} 
Public void init () throws ServletException{ 
// 调 用 init0 方 法 初始 化 servlet 对 象 


} 
注意 : Servlet 必须 从 javax. servlet. http. HttpServlet 类 继承 。 
2. 把 Hello. java 编译 生成 Hello. class 文件 


3. 编辑 部 署 文件 web. xml 实现 路 径 映 射 

Web 服务 目录 下 的 web. xml 文件 管理 在 同一 Web 服务 目录 中 的 Servlet 对 象 ,通知 
服务 器 如 何 运行 Servlet 和 JSP 文件 。 可 以 在 文本 编辑 器 中 编辑 web. xml 文件 ,也 可 以 
把 Tomcat 的 web. xml 文件 复制 过 来 修改 。 


web.xml 
< ?xml version= "1.0" encoding= "ISO- 8859- 1"?> ”//xml 声明 
<web- app // 根 标记 
xmlns=" http://java. sun. cam/xml /ns/j2ee" xmlns: xsi =" http://www. w3. org/2001/XMLSchema — 
jnstance" 
xsi:schemalocation= "http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml /ns/j2ee/web- app_ 
2 4.xsd" 


Versior= "2.4"> 
< servlet> 
< servlet- name> Hello< /servlet- name> //Hello 为 Servlet 对 象 名 字 
< servlet- class>MyServlet.Hellox /servlet- class> 
//Servlet.Hello 为 servlet 对 象 完 整 类 名 

< /servlet> 
< servlet— mapping> 

< servlet— name> Hellox< /servlet- name> 
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<uUrl- pattern> /FirstHello< /orl- pattern> 
/MEirstHello 是 客户 访问 的 Servlet 的 URL 
< /servlet- mapping> 
< /web- app> 


4. 部 署 Servlet 文件 目录 结构 

部 署 Servlet 文件 的 目录 结构 ,可 参见 第 2 章 的 图 2-17。 本 章 的 Web 服务 目录 设 为 
ex_D10, 在 Web 服务 目录 的 classes 目录 下 建立 名 为 MyServlet 的 包 文 件 夹 , 在 
MyServlet 包 下 存放 Servlet 的 class 文件 (读者 也 可 以 创建 其 他 Web 服务 目录 ,建立 其 他 
名 字 的 包 文 件 夹 ) , 包 文件 夹 的 名 字 要 与 java 程序 中 的 包 名 字 一 致 ,如 图 10-1 所 示 。 把 
web. xml 文件 和 生成 的 Hello. class 文件 按 图 10-1 的 结构 存放 。 


Hello.java 文 件 一 一 | packageyServlet > Tomcat 7.0 
import ja 
import jgvax.servlet.*; ean 
importfavax.setvlet.http.*; PE 4 ee 
jy 》 服务 目 到 
web.xml 文 件 publig class Helld extends HttpServlet eT 
VY 包 名 字 要 一 至 


<Servlet> 
<Servlet-name>Hello</sefvlet-name> 
<servlet-class< Sllo</servlet-class> | 
</servlet> 


WEB-INT JSP、HTML 文 件 


classes web.xml 


| 
Hello.class 文 MyServlet Bean 第 10 章 bean 的 
件 存放 目录 class 文 件 存放 目录 


图 10-1 MyServlet 目录 结 


注意 : 一 定 要 按 Tomcat 的 要 求 正确 部 署 Servlet 目录 结构 ,以 免 服 务 器 找 不 到 所 需 
文件 而 无 法 正确 运行 。 
5. 运行 Servlet 


在 浏览 器 地 址 栏目 输入 http://localhost:8080/ex_D10/FirstHello, 发 出 Servlet 请 
求 , 服 务 器 的 响应 效果 如 图 10-2 所 示 。 


URL 要 一 
合 第 一 个 Servlet - Windows Int... 要 一 致 
加 口 -|@] a080/ex_p10 


六 收藏 夹 ” 全 第 一 个 Servlet web.xml 中 语句 


图 10-2 ”Hello. java 的 运行 效果 
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10. 2 Servlet 工作 机 制 


Servlet 在 服务 器 端 运行 ,是 javax. servle 包 的 子 类 ,由 Tomcat 服务 器 完成 Servlet 
的 创建 和 初始 化 。 


10.2.1 Servlet 类 结构 


Java Servlet API 为 Servlet 提供 了 javax. servlet 和 javax. servlet. http 两 个 扩展 包 ， 
用 来 开发 Servlet ,它们 的 作用 如 下 。 

(1) javax. servlet 包 : 控制 Servlet 的 生命 周期 所 必需 的 Servlet 接口 。 

(2) javax. servlet. http 包 : 从 Servlet 接口 派生 ,处理 HTTP 请 求 的 抽象 类 和 一 般 的 
工具 类 。 

从 例 10. 1 中 可 见 Servlet 是 继承 javax. servlet. http. HttpServlet 的 Java 类 ,继承 关 
系 见 图 10-3。 


Servlet 接 口 ， 定 义 Tomcat 服 务 器 
javax.servlet.Servlet 2 与 Servlet 程 序 之 间 的 通信 协议 


i 定义 Servlet 通 
javax.servlet.GenericServlet 接口 的 抽象 类 
init() 
destroy() 
service(...) 

人 针对 HTTP 协 议 的 抽象 类 ,为 
javax.servlet.http. HttpServlet Web 服 务 定 义 ， 实 现 
init() GenericServlet 中 定义 的 接口 
destroy() 
service(...) 


doGet(...) 用 户 自 定义 的 
doPost(...) Servlet 


MyServlet 1 MyServlet n 
initO) initO 
destroy() en destroy() 
doGet(...) doGet(...) 
doPost(...) doPost(...) 


图 10-3 ”Servlet 接口 和 类 的 继承 关系 


10.2.2 Servlet 成 员 方 法 


HttpServlet 类 中 常用 成 员 方法 如 下 。 
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1. init() 方 法 

init() 方 法 完成 Servlet 对 象 的 初始 化 工作 。 在 第 一 次 请 求 加 载 某 个 Servlet 时 ,服务 
器 创建 一 个 Servlet 对 象 ,同时 该 对 象 调 用 init() 方 法 完成 必要 的 初始 化 工作 ,init() 方 法 
在 Servlet 的 生存 期 被 调用 且 只 被 调用 一 次 。 服 务 器 在 执行 init() 方 法 时 ,把 一 个 
ServletConfig 类 型 的 对 象 传 递 给 init() 方 法 ,并 将 该 ServletConfig 类 型 的 对 象 保存 在 
Servlet 对 象 中 ,该 ServletConfig 类 型 对 象 向 服务 器 传递 服务 设置 信息 。 如 果 传 递 失 败 ， 
则 引发 ServletException 类 型 异常 ,Servlet 就 不 能 正常 工作 。 当 Servlet 对 象 销毁 时 ,该 
ServletConfig 类 型 的 对 象 也 被 释放 。init() 方 法 声明 格式 如 下 : 


Public void init (ServletConfig config) throws ServletExoeption; 


2. service( ) 方 法 
在 服务 器 成 功 创建 和 初始 化 Servlet 对 象 后 ,该 对 象 就 可 以 调用 service( ) 方 法 处 理 
客户 请 求 并 返回 响应 。 当 客户 请 求 Servlet 对 象 时 ,调用 该 对 象 的 service( ) 方 法 ,把 两 个 
参数 传递 给 service() 方 法 。 其 中 一 个 参数 是 HttpServletRequest( 请 求 ) 类 型 对 象 ,封装 
了 与 请 求 相 关 的 信息 ; 另 一 个 参数 是 HttpServletResponse( 响 应 ) 类 型 对 象 ,封装 了 响应 
信息 。 服 务 器 为 每 个 调用 Servlet 对 象 的 客户 启动 一 个 线程 ,调用 过 程 在 不 同 线程 中 各 自 
运行 。 不 同 线程 service() 方 法 中 的 局 部 变量 也 是 不 同 的 ,在 一 个 线程 中 改变 局 部 变量 的 
值 ,不 会 影响 到 其 他 线程 service() 方 法 中 的 局 部 变量 。service() 方 法 声明 格式 如 下 : 
Public void service (HttpServletRequest req HttpServletResponse res) 
throws ServletFxception, IOFxceptiony 
3. doGet() 和 doPost( ) 方 法 
服务 器 创建 和 初始 化 Servlet 对 象 后 ,在 客户 请 求 该 Servlet 对 象 时 ,服务 器 会 启动 一 
个 新 线程 ,在 线程 中 该 Servlet 对 象 调用 service() 方 法 ,service() 方 法 检查 HTTP 请 求 类 
型 。 如 果 是 GET, 则 调用 doGet() 方 法 ;如 果 是 POST ,就 调用 doPost() 方 法 。doGet() 
和 doPost() 方 法 声明 格式 如 下 。 
protected void doGet (HttpServletRequest req, HttpServletResponse res) 
throws ServletFxception, IOException; 
protected void doPost (HttpServletRequest req HttpServletResponse res) 
throws ServletFxception, IOFxceptiony 
4. destroy() 方 法 
在 服务 器 关闭 或 Servlet 对 象 印 载 时 ,调用 destroy() 方 法 释放 占用 资源 。destroy() 
方法 声明 格式 如 下 : 


Public destroy(); 


10.2.3 Servlet 生命 周期 


Servlet 从 创建 到 销毁 过 程 就 是 Servlet 的 生命 周期 ,也 可 以 说 是 Servlet 的 工作 过 
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程 , 见 图 10-4。Servlet 经 历 以 下 生命 过 程 。 


钙 服 务 器 创建 @Servlet 对 象 调用 init() 
Servlet 对 象 方法 初始 化 Servlet 对 象 


@ 客 户 请 求 Ce 
Servlet 对 象 “ 什 ev @ 调 用 service0 方 
三 - 对 象 法 处 理 客户 请 求 
@ 响 应 “” 国 
客户 


@@ 返 回响 应 
Web 服 务 器 NS 


图 调用 destroy() 方 法 
印 载 Servlet 对 象 


图 10-4 ”Servlet 生命 周期 


(1) 客户 端 发 出 一 个 Servlet 请 求 ,服务 器 查找 内 存 中 是 否 存在 该 Servlet 的 对 象 。 
如 果 存 在 , 则 直接 调用 该 对 象 响应 请 求 。 如 果 不 存在 ,服务 器 创建 一 个 Servlet 对 象 。 

(2) 如 果 是 第 一 次 请 求 , 则 服务 器 创建 的 Servlet 对 象 调用 init() 方 法 ,执行 对 象 必要 
的 初始 化 工作 。 

(3) 初始 化 工作 结束 后 ,Servlet 对 象 处 于 就 绪 状 态 ,可 以 随时 响应 客户 请 求 。 当 客 
户 发 出 Servlet 请 求 时 ,服务 器 把 HttpServletRequest 类 型 对 象 和 HttpServletResponse 
类 型 对 象 转发 给 Servlet ,并 把 这 两 个 对 象 作为 参数 传递 给 service() 方 法 。service() 方 法 
获得 请 求 资源 ,对 请 求 资源 进行 判断 。 如 果 是 GET 方法 提交 , 则 调用 doGet() 方 法 处 理 
请 求 ;如 果 是 POST 方法 提交 , 则 调用 doPost() 方 法 处 理 请 求 ,然后 把 响应 返回 给 客户 。 

(4) 服务 器 关闭 或 秃 载 Servlet 对 象 ,调用 destroy() 方 法 删除 Servlet 对 象 ,释放 
内 存 。 


10.2.4 web. xml 部 署 文件 的 工作 过 程 


web. xml 实现 路 径 映 射 , 通 知 服务 器 如 何 运行 Servlet 文件 。web. xml 部 署 文件 是 
XML 文件 。 


1. XML 文件 的 格式 
XML 文件 以 XML 的 声明 开始 , 它 描述 了 XML 文档 ,版 本 号 、 编 码 信息 和 其 他 一 些 
信息 。XML 声明 格式 如 下 : 


< ?xml version= "].0" encoding= "ISO- 8859- 1"?> 


XML 文件 的 标记 从 表面 上 看 与 HTML 文件 一 样 ,都 是 使 用 标记 来 表示 数据 ,但 是 
在 本 质 上 它们 是 不 同 的 。HTML 用 标记 描述 数据 的 显示 方式 ,例如 : 二 b 二 显示 粗 体 字 
二/b 这 ,标记 二 b 二 将 文字 显示 成 粗 体 字 。 而 XML 用 标记 说 明 数 据 的 含义 ,例如 : 二 姓 
名 二 李 明 二 /姓名 二 ,标记 二 姓名 二 说 明文 字 “ 李 明 ” 是 姓名 。XML 文档 必须 有 且 只 能 有 
一 个 根 标记 ,位 于 文件 的 最 外 层 。web. xml 文件 中 主要 使 用 的 标记 如 下 : 

(1) 根 标 记过 web-app 二 …</web-app 二 ,包含 了 web. xml 的 所 有 标记 。 
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(2) 二 servlet 二 标记 ,web. xml 文件 可 以 有 多 个 过 servlet 二 标记 ,所 servlet 之 标记 和 定 
义 Servlet 的 名 字 和 类 名 。 二 servlet 二 标记 有 两 个 子 标记 。 

。 二 servlet-name 记 : 指定 Servlet 对 象 名 ,如 例 10. 1 为 二 servletrname 二 Hello 一 / 
servlet-name>。 

。 一 servlet-class 二 : 指定 Servlet 对 象 的 class 的 完整 类 名 ,如 例 10. 1 为 
MyServlet. Hello。 

(3) 一 servlet-mapping 之 标记 ,指定 客户 请 求 Servlet 对 象 的 URL 与 名 字 的 对 应 关 

系 。 二 servlet-mapping 记 必须 与 二 servlet 记 标记 相对 应 ,有 一 个 二 servlet 二 标记 ,就 有 一 
个 对 应 的 二 servletrmapping 过 标记。 过 servletrmapping 之 也 有 两 个 子 标记 。 

。 二 servlet-name 记 : 指定 Servlet 对 象 的 名 字 , 同 一 个 Servlet 的 名 字 必 须 与 二 
servlet 二 标记 中 的 子 标记 二 servletrname 过 的 名 字 相 同 , 通 过 对 象 名 把 URL 与 
class 文件 绑 定 。 

。 二 url-pattern 二 : 指定 客户 访问 Servlet 的 URL。 如 果 在 web. xml 文件 中 使 用 了 
二 url-pattern 之 /Hello 过 /url-pattern 祖 , 则 在 浏览 器 地 址 栏目 需要 输入 http:// 
localhost:8080/ex_D10/Hello 来 执行 Servlet。 也 可 以 在 二 url-pattern 二 内 为 
Servlet 起 一 个 别名 ,例如 ,如 果 使 用 如 下 语句 : 
< servlet- name> Hello< /servlet- name> 
< url- pattern> /FirstHellc< /url- pattem> 

那么 就 需要 在 浏览 器 地 址 栏目 输入 http://localhost: 8080/ex_D10/FirstHello 来 执行 
Servlet。 

如 果 需 要 增加 Servlet, 只 要 在 web. xml 文件 中 增加 二 servlet 二 标记 和 二 servlet- 
mapping 之 标记 就 可 以 了 。 


2. web. xml 文件 的 部 署 过 程 
web. xml 文件 的 部 署 过 程 如 下 , 见 图 10-5。 


| <servlet> 
<servlet-namet 


Servlet 名 字 | </servlet> 
1 <servlet-mappings 


1 2 
1 <servlet-name: Helloy 
1 
| 


<url-pattern€/FirstHellox/url-pattern> Servlet 的 URL 
| </servlet-mapping>..- 


1 
1 
@ 绑 定 的 Zservlet-classk | 
| 
1 
1 


回 找到 匹配 的 URL -一 一] 国 http:/127.0.01:8080/ex_Dlo/FirstHelo > 


图 10-5 web. xml 文件 的 部 署 过 程 


(1) 客户 在 浏览 器 地 址 栏目 发 出 一 个 请 求 Servlet 的 URL。 
(2) 服务 器 在 二 servlet-mapping 记 的 子 标 记 二 url-pattern 请 中 查找 与 之 匹配 
的 URL。 
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(3) 根据 二 servlettmapping 之 的 子 标记 过 servletrname 二 值 , 在 二 servlet 过 的 子 标记 
二 servlet-name 二 中 查找 与 之 对 应 的 值 。 
(4) 在 该 一 servlet 之 的 子 标记 所 servletrclass 之 中 的 class 文件 即 为 要 执行 的 Servlet。 


10.2.5 调用 Servlet 的 方法 


创建 一 个 Servlet 后 ,可 以 有 多 种 方法 来 调用 它 。 
(1) 在 浏览 器 地 址 栏目 直接 调用 ,如 例 10. 1 。 
(2) 使 用 表单 或 超 链 接 调 用 Servlet。 

(3) 在 JSP 页 面 中 调用 Servlet 。 


10.3 浏览 器 地 址 栏目 URL 调用 Servlet 


例 10.2 制作 一 个 Servlet, 输 出 客户 请 求 信息 ,采用 在 浏览 器 地 址 栏目 输入 URL 的 
方式 调用 Servlet。Servlet 的 文件 名 为 ex10 02. java。 


1.ex10_02. java 代码 清单 


ex10 02.java 

Package MyServlet; 

jmport java.io.x 

jmport javax.servlet.x ; 

jnmport javax.servlet.http.x ; 

Public class ex10 02 extends HttpServlet 

{ 

Public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException 
{ ServletConfig Config= getServletConfig (); 

response.setContentType ("text/html; charset=— GBK"); 
PrintWriter out= response.getWriter (); 
out.printIn("<htm><head>< title> 浏 览 器 地址 栏目 URL 调 用 servlet< /title> 
< /head> < body> "); 
out.printin( 哈 出 request 信息 <hr>"); 
out.println ("客户 提交 信息 方式 :"+ request.getMethod()+ "<br> "); 
out.println ("请求 URL:"+ request .getRequestURL()+ "<br> "); 
out.printin( 吹 户 端 协议 名 和 版 本 号 :"+ request.getProtocol )+ "<br> "); 
out.println( 喀 户 机 的 IP 地 址 :"+ request.getRemotencdr()+ "<br> "); 
out.println (" 服 务 器 端口 号 :"+ request .getServerPort ()+ "<br> "); 
out.println ("Servlet 名 字 :"+ Config.getServletName ()+ "<br> "); 
out.println ("< /body> < /html> "); 
out.close()7 


第 fb 章 Sevet 基础 一 299 


下 


编译 ex10_02. java 生成 class 文件 ,并 把 class 文件 保存 在 D:\Tomcat 7. 0\webapps 
\ex_D10\ WEB-INF\classes\MyServlet 目录 下 。 


2. 在 web. xml 文件 中 添加 代码 


web.xml 


<servlet> 
< servlet— name> ex10 02< /servlet- name> 
< servlet— class> MyServlet .ex10 02< /servlet- class> 
< /servlet> 
< servlet— mapping> 
< servlet— name> ex10 02< /servlet- name> 
< url- pattern> /ex10 02< /url- pattem> 
< /servlet- mapping> 


3. 运行 Servlet 
在 浏览 器 地 址 栏目 输入 http://localhost:8080/ex_D10/ex10_02, 运 行 效果 如 图 10-6 
所 示 。 


浏览 器 地 址 栏目 URL 调 用 Servlet - Windo.… 
连 昌 = 网!s080/ex_ D10/exi0 oz -Ts]Xl 加 smo | 输入 Servlet 的 URL 
文件 (F) 编辑 (E) 查看 (V) 收藏 夹 (A) 工具 (T) 帮助 (H) 
次 收藏 夹 。[ 测 浏 览 路 地 址 栏目 URL 调 用 Ser.… | 


输出 request 信 息 
请 求 URL:http://127. 0. 0. 1:8080/ex_D10/ex10_02 司 | 


服务 器 端口 号 :8080 
Servlet 名 字 :ex10_02 


图 10-6 浏览 器 地 址 栏目 URL 调用 Servlet 


10.4 使 用 表单 或 超 链接 调用 Servlet 


在 HTML 页 面 中 调用 Servlet, 由 HTML 页 面 负责 数据 显示 ,Servlet 负责 业务 逻辑 处 理 。 


10.4.1 调用 Servlet 接受 表单 提交 数据 


例 10.3 制作 一 个 Servlet, 接受 表单 提交 的 数据 。 页 面 文件 名 ex10-03. html， 
Servlet 的 文件 名 为 ex10_03. java。 
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1. ex10-03. html 代码 清单 


< $@ page contentType= "text/html; charset— GB2312" $> 
<htm><heag>< title> HIML 文 件 中 调用 servlet< /title>< /head> 
< body> < center> 
< form method= "post" action= "ex10 03"> // 表 单数 据 提交 给 名 为 ex10 03 的 servlet 
< font size=4 color=blue> HIML 文 件 中 调用 servlet< /center><hr> 
请 输入 姓名 : < input type= text name= "userName" size= 15 maxlength= 15> <p> 
<input type= submit value=" 提 交心 
< input type= reset value=" 清 除 ">< /font> 
< /fom> 
< /body> < /html> 


2. ex10_03. java 代码 清单 


package MyServlet; 
import java.io.*;} 
import javax.servlet.*; 
import javax.servlet.http.*; 
public class ex10 03 extends HttpServlet 
' 
public void doPost (HttpServletRequest request,HttpServletResponse response) 


throws ServletException,IOException 


response.setContentType ("text/html;charset=GBK"); 


// 设 置 响应 输出 编码 格式 ,防止 输出 中 文 乱码 


request .setCharacterEncoding ("GBK"); 


// 设 置 读 取 表 单数 据 的 编码 格式 ,防止 数据 读 人 中 文 乱码 


PrintWriter out=response.getWriter () 7 


获得 表单 userName 文 本 框 数 据 


String userName; 


userName=request .getParameter ("userName"); 

out.println ("<html><head><title>HTML 文件 中 调用 Servlet</title></head> 
<body>"); 

out.println ("<h3>HTML 文件 中 调用 Servlet</h3><hr>"); 

out.println (userName+": 你 好 !<br>"); 

out.println("</body></html>"); 


out.close (); 


} 


编译 ex10_03. java 生成 class 文件 .并 把 ex10_03. class 文件 保存 在 D:\Tomcat 7. 0\ 
webapps\ ex_D10\WEB-INF\classes\MyServlet 目录 下 。 


第 人 0 章 Sevet 基 础 一 一 一 一 一 一 一 一 一 (301 


3. 在 web. xml 文件 中 添加 代码 


<servlet> 
< servlet— name> ex10 03< /servlet- name> 
<servlet- class>MyServlet.exl0 03< /servlet- class> 
</servlet> 
< servlet- mapping> 
< servlet— name> ex10 03 /servlet- name> 
< url- pattern> /ex10 03< /url- pattem> 
< /servlet— mapping> 


4. 在 HTML 页 面 中 调用 Servlet 


运行 ex10-03. html, 在 文本 框 中 输入 姓名 , 见 图 10-7(a)。 单 击 “ 提 交 ” 按 钮 运行 


Servlet ,运行 效果 如 图 10-7(b) 所 示 。 


全 HTML 文 件 中 调用 Servlet - … 局 二 台大 
| 文件 (编辑 四 查看 V) 收 世 夹 (A】 工具 
诊 收 茂 夹 ”| 负 HTML 文 件 中 调用 Servlet | 


HTML 文 件 中 调用 Servlet - .… 
回回 = 网 0/ex_D1l0/ex10-03 yr -~ 

_ 文件 (编目 6 坦 看 M) 收藏 严 A) 工具 1” 
次 收藏 夹 “网 HTMIL 文 件 中 调用 Servlet 


HTML 文 件 中 调用 Servlet 让 ‖ HTML 文 件 中 调用 Servlet 
上 请 输入 姓名 地 四 | 
李 四 :你 好 ! 
| a 请 陈 
(a) 输入 姓名 (b) 运行 效果 


图 10-7 Servlet 处 理 表单 信息 


10.4.2 使 用 超 链 接 调 用 Servlet 


例 10.4 使 用 超 链接 调用 Servlet。HTML 的 文件 名 为 ex10-04. html, 页面 中 的 超 
链接 调用 例 10. 1 中 的 Servelet 别名 为 FirstHello ,程序 名 为 Hello. java。ex10-04. html 


代码 清单 如 下 。 


<%Q@page contentType="text/html; charset=GB2312" %> 


<html><head><title>HTML 页 面 中 使 用 超 链接 调用 Servlet< /title>< /head> 


<body> 
<h3> 使 用 超 链 接 调用 Servlet<hr> 
<a href="FirstHello"> 调 用 Serflet (FirstHello)</a></h3> 
</body></html> 


调用 Servlet 


由 于 FirstHello 的 URL 已 经 在 web. xml 文件 中 配置 好 ,class 文件 也 已 生成 ,并 存 
储 在 ex_D10\WEB-INF\classes\MyServlet 目录 下 ,所 以 直接 运行 ex10-04. html, 单 击 页 


面 中 超 链接 调用 Servlet ,运行 效果 如 图 10-8 所 示 。 
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全 第 -个 Servlet - Windows 工 . 攻 吉 
四] 8080/ex_D10/FirstHelld ~ [++|> 
和 
文件 (F) 编辑 (6) 查看 (V) 收藏 夹 (A) 工具 | 
| 训 收 天 网 第 -个 Sevlet 国 


你 好 ! 第 一 个 Servlet。 


加 加 =- 国 0ex_Dl0/exi0-04html -| 9 
文件 (F) 编辑 (四 查看 (V) 收藏 夹 (A) 工具 ”| 
次 收藏 严 ”[ 较 HTML 页 面 中 使 用 超 链接 
使 用 超 链接 调用 Servlet 
Ser rlet irsthellgJy 
A 


图 10-8 ”使 用 超 链接 访问 Servlet 


10.5 JSP 页 面 中 调用 Servlet 


在 JSP 页 面 使 用 forward 动作 调用 Servlet。 


例 10.5 在 ex10-05.jsp 页 面 中 使 用 forward 动作 调用 Servlet, 把 参数 userName 的 
值 传递 给 Servlet 显示 ,Servlet 文件 名 为 ex10_5. java。 


1.ex10-05. jsp 代码 清单 


<%@page contentType="text/html; charset=GBK" %> 
<%request.setCharacterEncoding ("GB2312") ;%> 
<html><head><title>JSP 页 面 中 使 用 forward 动作 调用 Servlet< /title></head> 
<body> 使 用 forward 动 作 调 用 Servlet 

-一 一 一 
<jsp:forward page="/ex10_05"> 


<jsp:param name="userName" value=" 张 三 "/> 


</jsp:forward> 


</body></html> 向 Servlet 传 递 参 数值 


2. ex10_05. java 代码 清单 


package MyServlet; 

import java.io. 关 了 

import javax.SerVlet. 关 了 

import javax.servlet.http.*; 

public class ex10_05 extends HttpServlet 

{ 

public void doGet (HttpServletRequest request,HttpServletResponse response) 
throws ServletException,IOException 

response.setContentType ("text/html;charset=GBK"); 

request.setCharacterEncoding ("GBK"); 


PrintWriter out=response.getWriter(); 


获得 JSP 页 面 传递 来 的 参数 值 


String userName; 


userName=request .getParameter ("userName"); 
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out-println (<html><head> <title> JSP 页 面 使 用 forward 动 作 调用 servlet< /title> < /head>< 
Pooy> 9) 

out.printin("<h3> JSP 页 面 使 用 forward 动 作 调用 servletc /ha> <hr>"); 

out.println (userName+ " 喀 户 :你 好 !<br>m; 

out.println ("< /pody> < /html> "); 

out.close(); 


} 

编译 ex10_05. java 生成 class 文件 ,并 把 ex10_05. class 文件 保存 在 D:\Tomcat 7.0\ 
webapps\ ex_D10\WEB-INF\classes\MyServlet 目录 下 。 

3. 在 web. xml 文件 中 添加 代码 


web.xml 
< servlet> 
< servlet— name> ex10 05< /servlet- name> 
<servlet- class> MyServlet .ex10 05< /servlet- class> 


< /servlet> i 
< servlet- mapping> 密 jp 页面 使 用 forwar servlet ex | 
< servlet- name> ex10 05< /servlet- name> SO Dio/exl0-05jsp "| “| 义 || 梧 到 
文 作 (F) 入 得 日 查看 收藏 夫 (A) 工具 (T) 帮助 (-” 
< url- pattem> /ex10 05< /url- pattern> 六 收 术 天 [JSP 页 而 全 用 orward 动 作风 | | 
te JSP 页 面 使 用 forward 动 作 调用 Servlet 
4. 运行 JSP 页 面 调 用 Servlet 7 下 


运行 ex10-05. jsp 调用 Servlet ,运行 效果 图 10-9 使 用 forward 动作 调用 Servlet 
如 图 10-9 所 示 。 


10.6 JSP 开发 的 两 种 模式 


常用 的 JSP 开发 模式 有 两 种 ,模式 1: JSP 十 JavaBean 和 模式 2: JSP 十 Servlet 十 
JavaBean。 模 式 2 也 称 MVC(Model-View-Controller) 模 式 。 


10.6.1 JSP 十 JavaBean 模式 


在 JSP 十 JavaBean 模式 中 ,JSP 页 面 为 控制 中 心 ,负责 接受 请 求 . 返 回响 应 ,调用 bean 
等 工作 ,JavaBean 负责 数据 和 业务 逻辑 处 理 。JSP 十 JavaBean 模式 的 工作 过 程 如 图 10-10 
所 示 。 具 体 步 又 如 下 : 

(1) 客户 端 浏览 器 发 出 请 求 。 

(2) JSP 页 面 接受 请 求 访问 JavaBean。 

(3) JavaBean 进行 业务 逻辑 处 理 。 如 果 需 要 访问 数据 库 , 由 JavaBean 连接 数据 库 ， 
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访问 数据 库 ,并 将 访问 结果 返回 给 JSP 页面 。 
(4) JSP 页 面 将 响应 返回 给 客户 端的 浏览 器 。 


一 回 接受 请 求 ， 访 问 Bean 
一 jsp 南面 
@ 响 应 | fi 国 
1 |E 
1 主 : 
1 


业务 逻辑 处 理 | Wob 届 各 吕 数据 库 服务 器 


图 10-10 JSP 十 JavaBean 模式 的 工作 过 程 


10.6.2 JSP 十 Servlet 十 JavaBean 模式 


MVC 模式 具有 模型 .视图 和 控制 器 三 部 分 。 
。 模型 (model) : 一 个 或 多 个 JavaBean ,定义 数据 模型 和 相关 操作 。 
。 视图 (View) : 一 个 或 多 个 JSP 页 面 ,使 用 HTML 标记 和 调和 人 JavaBean 的 标记 ， 
主要 提供 数据 显示 ,处 理 图 形 界面 。 
。 控制 器 (Controller) : 一 个 或 多 个 Servlet ,负责 协调 模型 和 视图 的 工作 关系 ,根据 
视图 提交 请 求 进行 数据 处 理 操作 ,并 把 相关 结果 存储 到 JavaBean 中 。 
在 JSP 十 Servlet 十 JavaBean 模式 中 ,Servlet 为 控制 中 心 ,协调 客户 请 求 、JavaBean、 
JSP 和 响应 等 工作 。Servlet 负责 接受 请 求 ,根据 请 求 调用 bean;JavaBean 负责 数据 和 业 
务 罗 辑 处 理 。JSP 十 Servlet 十 JavaBean 模式 工作 过 程 如 图 10-11 所 示 。 具 体 步骤 如 下 。 


! [控制 器 
1 


@@ 创 建 bean 对 
象 ， 调 用 方法 
T 


XK& 
JavaBean 
少 国 


Web 服 务 器 
图 10-11 JSP 十 Servlet 十 JavaBean 模式 的 工作 过 程 


@ 根 据 结果 转 
向 不 同 视图 


GD 请求 
性 一 
客户 端 


Servlet、JSP 


数据 库 服务 器 


加 业务 逻辑 处 
理 ， 访 问 数据 库 


Le 


(1) 客户 端 浏览 器 发 出 请 求 。 

(2) Servlet 接受 请 求 ,根据 请 求 创建 JavaBean 对 象 ,调用 bean 中 的 方法 。 

(3) JavaBean 封装 数据 表示 和 业务 逻辑 处 理 。 如 果 需 要 访问 数据 库 , 则 由 JavaBean 
连接 数据 库 ,访问 数据 库 。 

(4) Servlet 根据 结果 转向 不 同 的 JSP 或 HTML 页 面 。 

(5) JSP 页 面 将 响应 返回 给 客户 端的 浏览 器 。 
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10.6.3 两 种 模式 的 比较 


(1) JSP 十 JavaBean 模式 中 ,JSP 页 面 显示 内 容 ,JavaBean 负责 数据 封装 和 业务 逻辑 
处 理 , 开 发 过 程 比 较 简单 ,部 署 方便 ;但 是 分 工 不 够 细致 ,使 得 JSP 页 面 中 可 能 含有 Java 
代码 ,维护 比较 困难 ,程序 执行 效率 比较 低 。 在 应 用 不 很 复杂 的 情况 下 ,可 以 选用 JSP 十 
JavaBean 模式 。 

(2) 在 JSP 十 Servlet 十 JavaBean 模式 中 ,把 内 容 显 示 和 业务 处 理 逻 辑 完 全 分 开 。JSP 
页 面 负责 页 面 内 容 生 成 ,不 包含 任何 处 理 逻 辑 ; Servlet 负责 创建 JavaBean 并 调用 相关 方 
法 ,以 及 请 求 结果 的 转向 ;JavaBean 负责 数据 封装 。 模 式 2 的 三 个 模块 分 工 清 晰 ,易于 划 
分 开发 角色 ,更 新 维护 方便 。 在 大 型 复杂 应 用 情况 下 可 选用 模式 2 结构 ,但 是 其 开发 过 程 
相对 复杂 ,需要 专门 配置 路 径 ,部 署 有 一 定 的 难度 。 

在 实际 应 用 中 模式 1 与 模式 2 都 很 实用 ,开发 者 可 以 根据 需要 选用 。 


10.6.4 MVC 模式 应 用 案例 


例 10.6 使 用 MVC 模式 制作 一 个 求 阶乘 的 应 用 ,结构 见 图 10-12。 客 户 在 ex10- 
06.jsp 页 面 输入 一 个 整数 , 单 击 “ 提 交 ” 按 钮 ,由 ex10_06. java 接收 数字 , 求 阶 乘 , 调 用 
JavaBean( 程 序 名 : FactorialBean. java) 把 数据 存储 在 JavaBean 中 ,并 将 页 面 转发 到 
ex10-06_1. jsp 页 面 显示 结果 。 


控制 器 


(0406 一 一 | ex10_06.java NS 
| 模型 


FactorialBean.java 


视图 
ex10-06_1.jsp 


图 10-12 使 用 MVC 制作 求 阶乘 的 应 用 


模型 (Model) : FactorialBean. java, 存 储 求 阶乘 的 数据 ,并 提供 存 取 数据 的 方法 。 

视图 (View) : ex10-06. jsp ,为 客户 提供 输入 数字 的 界面 。exl0-06_1. jsp 显示 阶乘 
结果 。 
控制 器 (Controller) : ex10_06. jsp, 接收 视图 提交 数字 , 求 出 阶乘 ,把 数据 存 和 人 
JavaBean ,并 将 页 面 转发 到 ex10-06_1. jsp 页 面 显示 结果 。 

1. 文件 存放 路 径 

编译 FactorialBean. java 和 ex10_06. java 生成 class 文件 。 然 后 把 FactorialBean. 
class 文件 存放 在 Tomcat7. 0\webapps\ex_D10\WEB-INF\ classes\bean 目录 下 ,把 exl0 
_06. class 文件 存放 在 Tomcat7. 0\webapps\ex_D10\WEB-INF\ classes\MyServlet 目 
录 下 5 
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2. 模型 (JavaBean) 
FactorialBean.java 
Package bean; 
public class FactorialPBeanf 
int malt, fact; 
Public void setMit (int m) { 
mlt=m; 
} 
Public int getMnlt(){ 
retum mlt; 
} 
public void setFact (int f£){ 
fact= f7 
} 
public int getFact(){ 
retum fact; 


3. 视图 (JSP 页 面 ) 


ex10- 06.jsp 
< %$@ page contentType= "text/html; charset=— GBK" %$> 
<html> < head> < title> JSP+ Servlet+ JavaBean 求 阶乘 < /title> < /head> 
< body> < center> 
< fom method= post action= "ex10 06"> 
< font size= 4 color=blue> JSP+ Servlet+ JavaBean 求 阶乘 < /center><hr> 
请 输入 数字 : < input type= "text" name= "nunber" size= 15 maxlength= 15> <p> 
<input type= sutmit value=" 提 交心 
< input type= reset value=" 清 除 >< /font> 
< /fom> 
< /body> < /html> 
ex10- 06 1.jsp 
< $@ page contentType= "text/html; charset= GB2312" %> 
< $@ page inport= "bean.FactorialBean"g> 
< jsp:useBean id= "myFact" type= "bean.FactorialBean" scope= "request"/> 
<html>< head> < title> JSP+ Servlet+ JavaBean 求 阶乘 < /title>< /head> 
<body> 输 出 阶乘 
< jsp:getProperty name= "myFact" property= "mlt"/> 二 
< jsp:getProperty name= "myFact" property= "fact"/> 
< /body> < /html> 
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4. 控制 器 (Servlet) 


ex10 06.java 
Package MyServlet; 
import bean.FactorialBean; 
jmport java.io.x 7 
jmport javax.servlet.* ; 
jmport javax.servlet.http.x ; 
Public class ex10 06 extends HttpServlet 
{ 

Public void doPost (HttpServletRequest request, HttpServletResponse response) 

throws ServletException, IOExoeption 


int mf 1; 

FactorialBean fac= new FactorialBean (); 

Tequest.setRttribute ("myFact", fac); 

me Integer .parseInt (request .getParameter ("nunber") ); 

fac.setMalt (m); 

for(int i=1;i<=mi++) 

ffxi; 

fac.setFact (f); 

RequestDi spat dher dispat her= reqnest.getReqnestDispatcher("/exl0- 06 1.jsp"); 

dispatcher.forward (request, response); 
} 
Public void doGet (HttpServletRequest request, HttpServletResponse response) 

throws ServletException, IOException 

{ qoPost (request, response); } 


5. 在 web. xml 文件 中 添加 代码 


web.xml 
< servlet> 
< servlet— name> ex10 06< /servlet- name> 
< servlet— class> MyServlet .ex10 06< /servlet- class> 
< /servlet> 
< servlet— mapping> 
< servlet— name> ex10 06< /servlet- name> 
< url- pattern> /ex10 06c /url- pattem> 
< /servlet- mapping> 
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优 JSP+Servlet+JavaBean 求 ， 司 过 国生 二 :4 傅 JSP+Servlet+JavaBean 求 .. 
芝 吕 = 国 Ys0/ex_Dl0/ex1l0-06jsd -|?|: 1GD- 国 1:8080/ex Dl0/ex10 og -| 4 
文 作 (编辑 (日 查看 (V) 收藏 夫 (A) 工具 “ 文件 (F) 编辑 () 查看 V) 收藏 严 (A) 工具 “ 
谍 收 藏 天 网 JSP+Serviet+JavaBea.. | 证 收藏 夹 [ 漳 JSP+Servlet+JavaBea... 国 | 


输出 阶乘 10!= 3628800 


请 输入 数字 : 了 


JSP+Servlet+JavaBean 求 阶乘 | 


请 陈 | 旦 


图 10-13 MVC 案例 运行 结果 


10.7 Servlet 应 用 一 一 客户 信息 验证 


例 10.7 制作 一 个 由 Servlet 验证 客户 输入 姓名 和 密码 的 应 用 。ex10-07. jsp 页 面 上 
的 表单 接受 客户 姓名 和 密码 ,表单 信息 提交 给 名 为 ex10_07. java 的 Servlet 验证 其 正确 
性 。 如 果 信 息 正确 则 转 到 名 为 ex10_07_1. java 的 Servlet, 显 示 客 户 登录 成 功 信 息 。 如 果 
输入 信息 不 正确 , 则 转向 ex10-07_2. java 页 面 ,要 求 客 户 重新 输入 。 运 行 结果 如 图 10-14 
所 示 。 


乱 调用 Servlet 验 证 客户 信息 ... Ea 到 

| 网)80/ex_Dl0/ex10-07jsp “| 二 
六 人 由 吉 看 MW) 收藏 灾 A) 工 5 ” 
寅 收藏 严 “ 较 调用 Servlet 验 证 客户 信息 | | 
调用 Servlet 验 证 客户 信息 对 


请 输入 姓名 : 张 三 


参 调 用 servlet 页面 更 新 定向 …- 
加 回 = 网!s0s0/ex ploexlo 07 |? 
EE 


高 收藏 只”[ 玉 调用 servlet 页 而 重新 十 癌 | | 
张 三 你 好 ! 视 加 登录 成 功 ! 


河 调 用 Servlet 验 证 阁 户 信息 | | 
输入 不 正确 ， 请 重新 输入 


请 输入 姓名 : 
| 
请 输入 密码 : 


蕊 提交 请 除 


密码 ， sseeee 
提交 请 陈 


图 10-14 ”Servlet 验证 客户 信息 


1. ex10-07. jsp 代码 清单 


< $@ page contentType= "text/html; charset= GBK" $> 
<htm><head><title> 调 用 serviet 验证 客户 信息 < /title> < /head> 
< body> < center> 
< form method= post action= "exl0 07"> // 调 用 ex10_07 
<font size= 4 color=blue> 调 用 servlet 验证 客户 信息 < /center>< hr> 
请 输入 姓名 : < input type= text name= "userName" size= 15 maxlength= 15> <p> 
请 输入 密码 : < input type= "password" name= "UserPass" size= 15 maxlengttb 15> <p> 
<input type= sutmit valuer=" 提 交 必 
< input type= reset value=" 清 除 ">< /font> 
< /fom> 


< /body> < [htm> 
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2. ex10_07. java 代码 清单 


ex10 07.java 
Package MyServlet; 
jmport java.io.x 7 
jnmport javax.servlet.* ; 
jmport javax.servlet.http.* ; 
Public class ex10 07 extends HttpServlet 
{ 

Public void doPost (HttpServletRequest request, HttpServletResponse response) 

throws ServletException, IOException 


response.setContentType ("text/html; harset— GBK"); 

request .setCharacterEncoding ("GEK") 7 

PrintWriter out= response.getWriter (); 

String userName, userPass; 

UserName= request .getParameter ("userName"); 

userPass= request .getParameter ("userPass"); 

if(userName.equals ("号 三")&&userPass.equals ("123456") ) { 
// 如 果 输 入 正确 转发 到 exl0 07 1 显示 登录 成 功 信息 
RequestDi spatcher dispatcher= request .getRequestDispatcher ("ex10 07 1"); 
dispatcher.forward (request., response); 

} 

else // 如 果 输 入 不 正确 重新 定向 到 ex10- 07 2.jsp 页 面 ,要 求 重新 输入 
response.sendRedirect ("ex10- 07 2.jsp"); 

out.println ("< html> <body> "); 

out.println ("< /pody> < /html> "); 

out .close(); 


} 

注意 : 转发 与 重新 定向 的 区 别 。 

(1) 在 JSP 和 Servlet 中 的 页 面 重新 定向 调用 response 对 象 的 sendRedirect 
("URL") 方 法 ,需要 通过 网 络 往返 请 求 与 响应 。Servlet 响应 客户 请 求 .处 理 数据 后 ,浏览 
器 可 能 调用 sendRedirect(" URL") 方 法 ,发 出 一 个 新 的 请 求 ,把 客户 重新 定向 到 新 的 
Servlet 或 JSP 页 面 ,同时 浏览 器 地 址 栏目 也 将 显示 新 资源 的 地 址 ,新 页 面 可 以 独立 访问 。 
重新 定向 不 能 把 HttpServletResponse 和 HttpServletRequest 对 象 传递 给 新 资源 。 

(2) 转发 是 在 服务 器 端 进行 的 ,不 涉及 任何 网 络 数据 流 。RequestDispatcher 对 象 可 
以 把 客户 当前 JSP 页 面 或 Servlet 请 求 转发 给 另 一 个 JSP 页 面 或 Servlet, 并 将 当前 JSP 
页 面 或 Servlet 的 HttpServletResponse 和 HttpServletRequest 对 象 传递 给 新 资源 。 例 
如 ,调用 forward() 方 法 从 ex10_07 转发 到 exl0 .07_1, 浏 览 器 地 址 栏目 还 是 原 地 址 ex10_ 
07 ,并 把 客户 输入 数据 * 张 三” 从 ex10_07 传递 到 ex10_07_1 中 显示 。 
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3. ex10_07_1.java 代码 清单 


ex10 07 1.java 
Package MyServlet; 
jmport java.io.x 7 
jnmport javax.servlet. 关 ; 
jmport javax.servlet.http.*¥ 7 
Public class ex10 07 1 extends Httpservlet 
{ 

Public void doPost (HttpServletRequest request, HttpServletResponse response) 

throws ServletFxception, IOExosption 


response.setContentType ("text/html;charset= GBK"); 

request .setCharacterEncoding ("GBK") 7 

PrintWriter out= response.getWriter (); 

String userName; 

userName= request .getParameter ("userName"); 
out.printIn("<htbml><head>< title> 调 用 Servlet 页 面 重新 定向 < /title> < /head> 
< body> "); 

out.println (userName+ "你 好 ! 祝 贺 登 录 成 功 1"); 

out .printin ("< /body> < /html> "); 

out.close(); 


} 


编译 ex10_07. java 和 ex10_07_1. java 生成 class 文件 ,并 把 class 文件 保存 在 D:\ 
Tomcat 7.0\webapps\ ex_D10\ WEB-INF\classes\MyServlet 目录 下 。 


4. ex10-07_2. jsp 代码 清单 


ex10- 07 2.jsp 

< $@ page contentType= "text/html; charset=— GBK" $%> 

<html><head>< title> 调 用 servlet 验证 客户 信息 < /title>< /head> 

< body> < center> 

< fom method= post actior= "exl0 07"> 
< font size= 4 color=blue> 输 入 不 正确 ,请 重新 输入 < /center> < hr> 
请 输入 姓名 : < input type= text name= "userName" size= 15 maxlength= 15> <p> 
请 输入 密码 : < input type= "password" name= "userPass" size= 15 maxlength= 15> <p> 
< input type= sutmit value=" 提 交 少 
< input type= reset value=" 清 除 >< /font> 

< /fom> 

< /body> < /html> 


5. 在 web. xml 文件 中 添加 代码 


web.xml 
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<servlet> 
< servlet— name> ex10 07< /servlet- name> 
< servlet— class> MyServlet .ex10 07< /servlet— class> 
< /servlet> 
< servlet— mapping> 
< servlet— name> ex10 07< /servlet- name> 
< url- pattem> /ex10 07< /url- pattem> 
< /servlet— mapping> 
<servlet> 
< servlet— name> exl0 07 1< /servlet- name> 
< servlet- class> MyServlet .ex10 07 1< /servlet- class> 
< /servlet> 
< servlet- mapping> 
< servlet- name> ex10 07 1< /servlet- name> 
< url- pattern> /ex10 07 1< /url- pattern> 
< /servlet- mapping> 


6. 运行 ex10-07. jsp 
运行 结果 显示 如 图 10-14 所 示 。 


小 结 


Servlet 是 运行 在 服务 器 端的 特定 的 Java 类 ,Servlet 必须 自 javax. servlet. http. 
HttpServlet 继承 。Servlet 制作 过 程 如 下 : 
(1) 编写 Servlet 代码 ,以 下 代码 行 一 般 可 以 照搬 。 


package yyy’ 用 户 自 定义 包 名 


import java.io.*; 


import javax.servlet.*; 
import javax.servlet.http.*; 
public class xxx extends HttpServlet 


{ 用 户 自 定义 Servlet 名 
public void doPost (HttpServletRequest request,HttpServletResponse response) 


throws ServletException,IOException 


{ 根据 HTTP 方 式 选择 doPost() 或 doGet0 方 法 


response.setContentType ("text/html;charset=GBK"); 


// 设 置 响应 输出 编码 格式 ,防止 输出 中 文 乱码 


request .setCharacterEncoding ("GBK"); 


// 设 置 读 取 表 单数 据 的 编码 格式 ,防止 数据 读 人 中 文 乱码 


PrintWriter out=response.getWriter(); 


312 一 一 一 一 一 一 一 Web 技 术 应 用 基础 (第 3 版 ) 


(2) 在 web. xml 文件 中 为 每 个 Servlet 添加 路 径 映 射 代 码 。 


<servlet> 2 自 定义 Servlet 名 
<servlet-name>xxx</servlet-name> 


<servlet-class>yyy.xxx</servlet-class> 


</servlet> Servlet 完 整 类 名 
<servlet-mapping> 


<servlet-name>xxx</sexrvlet-name> 


<url-pattern>/zzz</url-pattern> 


</servlet-mapping> 用 户 访问 Servlet 的 URL 


(3) 部 署 Servlet 文件 目录 结构 。 

一 般 可 用 以 下 几 种 方法 调用 Servlet: 
(1) 在 浏览 器 地 址 栏目 直接 调用 。 
(2) 使 用 表单 或 超 链 接 调 用 Servlet 。 
(3) 在 JSP 页 面 中 调用 Servlet。 


习题 上 机 练习 与 实 训 10 


一 、 选 择 题 
1. Servlet 是 从 ( ) 类 继承 的 。 
A. java. io B. HttpServletResponse 
C. HttpServlet D. HttpServletRequest 
2. 服务 器 创建 Servlet 对 象 时 ,调用 ( ) 方 法 初始 化 Servlet 对 象 。 
A. service() B. doPost() C. destroy() D. init() 


3. 如 果 一 个 Servlet 的 程序 名 为 FirstServlet. java, class 文件 存放 在 “\WEB-INF\ 
classes\star” 目 录 下 ,在 web. xml 文件 中 的 相关 语句 是 : 二 url-pattern 二 /MyFirstServlet 
到/url-pattern 二 ,那么 客户 在 浏览 器 地 址 栏目 输入 () 调 用 该 Servlet 。 

A. http://localhost:8080/star/MyFirstServlet 
B. http://localhost:8080/star/FirstServlet 
C. http://localhost:8080/star/FirstServlet. java 
D. http://localhost:8080/star/MyFirstServlet. class 
4. JSP 页 面 中 有 语句 : 二 form method 一 "post" action 一 "MyServlet" 二 ,在 MyServlet 中 


的 service() 方 法 调用 () 方 法 响应 HTTP 请 求 。 
A. doGet() B. getWriter() C. doPost() D. destroy() 
二 、 简 答题 


1. 简 述 Servlet 与 JSP 的 关系 。 
2. 简 述 Servlet 类 的 结构 。 
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.Servlet 的 生命 周期 主要 有 哪 几 个 过 程 ? 
. 简 述 web. xml 在 Servlet 中 的 作用 。 
. HTML 标记 与 XML 标记 有 何 区 别 ? 
为 部 署 Servlet 的 路 径 ,在 web. xml 文件 中 必须 使 用 哪些 标记 ? 
重新 定向 和 转发 的 区 别 是 什么 ? 
图 示 运 行 Servlet 文件 的 目录 结构 。 
三 、 上 机 练习 
1. 制作 一 个 Servlet, 显 示 一 段 文字 ,在 浏览 器 地 址 栏目 调用 该 Servlet。 
2. 制作 一 个 Servlet 计算 阶乘 n! ,客户 在 表单 中 输入 要 计算 的 数字 ,Servlet 计算 后 
向 客户 显示 结果 。 
3. 使 用 超 链 接 调用 求 阶乘 n! 的 Servlet。 
4. 制作 一 个 处 理 客户 请 求 的 Servlet ,页 面 上 提供 不 同 的 旅游 线路 ,Servlet 根据 客户 
的 选择 转发 到 不 同 的 Servlet, 针 对 不 同 要 求 进行 处 理 。 
四 、 实 训 课 题 
1. 使 用 Servlet 制作 一 个 留言 板 。 
2. 使 用 Servlet 制作 一 个 购物 车 。 


Dw 
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17 网 上 书店 的 实现 


网 上 书店 的 系统 分 析 与 设计 已 在 第 3 章 完成 ,部 分 环节 的 实现 也 在 其 他 章节 进行 了 
介绍 ,本 章 将 介绍 该 系统 主要 功能 的 实现 。 网 上 书店 由 客户 端 业务 处 理 和 管理 端 业务 处 
理 两 个 部 分 组 成 ,其 功能 结构 见 第 3 章 的 图 3-3。 

客户 端 业 务 处 理 主要 包括 用 户 身 份 验 证 .图 书展 示 、 购 书 车 等 模块 。 管 理 端 业务 处 理 
主要 包括 图 书 管理 .用户 管理 .订单 管理 .留言 管理 .出 版 社 管理 和 职工 管理 等 模块 。 

网 上 书店 的 安装 见 第 3 章 的 3.6 节 。 程 序 清单 见 清 华 大 学 出 版 社 的 网 上 资源 ( 详 见 
附录 A) 。 

学 习 要 点 : 

(1) 了 解 网 上 书店 的 实现 过 程 。 

(2) 精通 某 一 模块 (例如 购书 车 ) 的 实现 。 

(3) 独立 完成 类 似 功 能 模块 的 开发 。 


11.1 主 界面 实现 


11.1.1 客户 端 处 理 主 界面 


.页 面 布局 
ee 第 3 章 的 图 3-5。 它 的 页 面 布局 如 图 11-1 所 示 。 


Top 


Left Body 


Bottom 


图 11-1 客户 端 业务 处 理 主 界面 的 页 面 布局 


各 部 分 的 功能 与 相关 代码 如 下 。 


(1) Top 

客户 端 业务 处 理 的 Top 部 分 的 文件 名 是 top. jsp ,使 用 二 %@include file 一 "top. jsp" 
儿 之 语句 把 它 戏 入 客户 端 业 务 处 理 各 个 页 面 的 顶部 ,使 得 系统 具有 统一 的 风格 。Top 部 
分 用 来 显示 logo 图 片 .日 期 和 客户 端 各 功能 模块 的 和 人口。 各 功能 模块 和 它们 对 应 的 程序 
如 下 : 

。 首页 

。 精品 图 书 

。 新 书架 

。 书目 查找 一 一 booksearch. jsp。 

。 我 的 订单 一 一 myorder. jsp。 


index. jsp。 


excellent. jsp。 


newbook. jsp。 


。 购书 车 shoppingcart. jsp。 

。 读者 留言 leaveword. jsp。 

(2) Left 

Left 用 来 显示 公告 栏 、 用 户 登 录 和 图 书 检索 等 信息 。 各 功能 模块 和 它们 对 应 的 程序 
如 下 : 

。 公告 栏 declare. jsp 。 

。 用 户 登 录 login. jsp。 

。 图 书 检索 search. jsp。 

(3) Body 

Body 为 当前 页 面 的 主要 内 容 显示 区 域 。 

(4) Bottom 


Bottom 部 分 的 文件 名 是 bottom. jsp ,使 用 二 %@include file 王 "bottom. jsp" % 二 语 
名 嵌入 网 上 书店 的 各 个 页 面 的 底部 ,使 得 系统 具有 统一 的 风格 。Bottom 部 分 主要 用 来 显 
示 版 权 信息 ,联系 信息 等 。 

2. 主 界面 index.jsp 代码 清单 

主 界面 代码 清单 见 bookshop 目录 下 的 index. jsp 文件 , 它 的 框架 结构 代码 清单 见 第 
4 章 的 4.9 节 。 


11.1.2 管理 端 处 理 主 界 面 


管理 端 业务 处 理 主 界面 见 第 3 章 的 图 3-7。 它 的 页 面 布局 见 图 11-2。 


Top 


Body 


Bottom 


图 11-2 管理 端 业务 处 理 主 界面 的 页 面 布局 
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管理 端 业务 处 理 程序 位 于 bookshop\admin 目录 下 ,各 部 分 的 功能 与 相关 代码 如 下 。 


1. Top 

管理 端 业务 处 理 主 界面 Top 部 分 的 文件 名 也 是 top. jsp ,位 于 bookshop\admin 目录 
下 。 应 用 二 %@include file="top.jsp"”% 过 语句 ,把 它 骨 入 管理 端 业 务 处 理 主 界面 各 个 
页 面 的 顶部 ,使 得 系统 具有 统一 的 风格 。Top 部 分 用 来 显示 logo 图 片 . 日 期 和 管理 端 各 
功能 模块 的 入 口 。 各 功能 模块 和 它们 对 应 的 程序 如 下 : 

。 图 书 管理 一 一 booklist. jsp。 


。 用 户 管 理 userinfolist. jsp。 

。 订单 管理 orderlist. jsp。 

。 留言 管理 一 一 noteslist. jsp。 

。 职工 管理 employeelist. jsp。 

。 出 版 社 管理 publisherlist. jsp。 
2. Body 


Body 是 当前 页 面 的 主要 内 容 显 示 区 域 。 

3. Bottom 

Bottom 部 分 的 文件 名 是 bottom. jsp, 与 客户 端 业务 处 理 的 bottom. jsp 是 同一 
件 。 使 用 二 %@include file=".. /bottom.jsp”% 记 语句 租 入 管理 端 业务 处 理 各 个 页 面 
的 底部 ,使 得 系统 具有 统一 的 风格 。Bottom 部 分 主要 用 来 显示 版 权 信 息 、 联 系 信息 等 。 


11.2 用 户 登 录 功 能 实现 


用 户 登 录 在 客户 端 处 理 主 界面 的 左 侧 , 用 户 注册 的 信息 存 人 bookshop 数据 库 的 
userinfo 表 中 。 注 册 功 能 代码 : login. jsp; 由 二 %@include file 二 "login. jsp”% 二 语句 揣 
入 客户 端 主 界面 的 index. jsp 文件 。 


1. 老 用 户 登录 
用 户 登 录 界 面 见 图 11-3(a) 。 如 果 是 老 用 户 ,在 文本 框 中 输入 用 户 名 和 密码 ,系统 将 


把 输入 的 用 户 名 和 密码 ,与 bookshop 数据 库 中 用 a Lm 
户 表 userinfo 中 信息 进行 比较 验证 。 如 果 输入 不 “| 灸 人 
正确 ,系统 将 提示 用 户 并 要 求 用 户 重 新 输入 。 若 基本 和 
输入 正确 , 则 出 现 登 录 成 功 界面 如 图 11-3(b) 
所 示 。 (a) 用 户 登录 界面 (b) 登录 成 功 界面 
图 11-3 用 户 登录 界面 

2. 登录 成 功 

用 户 登 录 成 功 后 ,可 以 在 网 上 进行 一 系列 操作 ,它们 的 功能 和 完成 这 些 功能 的 文件 名 
如 下 : 


。 修改 登录 密码 


passwordedit. jsp 
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。 维护 个 人 信息 
。 查看 历史 订单 一 一 myorder. jsp 
。 查看 购书 车 
。 给 管理 员 留 言 
。 注销 退出 
3. 新 用 户 注册 


如 果 是 新 用 户 ,在 注册 界面 单 击 “ 新 用 户 注册 ” 超 链接 ,页 面 将 转 跳 到 register. jsp 页 
面 ,需要 用 户 输入 个 人 信息 ,如 图 11-4 所 示 。 


userinfoedit. jsp 


shoppingcart. jsp 


leaveword. jsp 
二 a href 二 "index. jsp? op 二 exit" 记 注销 退出 二 /a 记 


加 


pp 
tp 0.0.1:8080/boo egiste 


S, ETT 


入 收藏 天 | 国 http7/1270018080/booc | 
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以 下 资料 请 如 实 填写 ， 以 保证 正确 发 货 。 这 些 资料 未 经 客户 允许 将 只 用 于 处 理 客 户 的 订货 信息 ， 对 外 严格 保 
密 。( 带 * 号 的 为 必 填 项 ,其 它 的 可 以 不 填 ) 


用 户 各 glbuu (为 避免 使 用 相同 的 用 户 名 , 请 拉 出 你 的 用 户 名 是 否 有 效 ) 

窑 友 eeeeee 罗 

验证 密码 eeeeee 网 

真实 姓名 张 三 # 
性 别 男 > 
住址 北京 朝阳 区 北 四 环 东 路 9* (请 您 提供 尽 可 能 详细 的 地 址 ) 
邮编 100101 本 

联系 电话 12345678 本 


E-nail glBbuu. edu. cn 


注册 新 用 户 | 重新 总 


图 11-4 新 用 户 注册 界面 


把 信息 输入 表单 , 单 击 * 注 册 新 用 户 ? 按 钮 ,信息 写 入 bookshop 数据 库 的 userinfo 表 
中 ,并 出 现 注册 成 功 界面 。 返 回 主 界面 , 即 可 以 老 用 户 身份 登录 。 


4. 主要 代码 
用 户 登 录 界 面 login. jsp 代码 和 新 用 户 注 册 register. jsp 代码 见 网 上 资源 ( 详 见 附录 A) 。 


11.3 图 书展 示 功 能 实现 


图 书展 示 功 能 在 网 上 书店 客户 端 处 理 的 主 界面 上 ,图 书信 息 存 在 bookshop 数据 库 
的 book 表 中 。 图 书展 示 功 能 代码 : search. jsp; 由 二 %@include file 二 "search. jsp" 昕 全 
语句 租 入 客户 端 主 界面 的 index. jsp 文件 。 


B18 一 一 一 一 一 一 web 技 术 应 用 基础 (第 3 版 ) 


1. 图 书 检索 
图 书 检索 界面 见 


图 11-5。 用 户 在 文本 框 中 输入 需要 检索 的 图 书信 息 , 单 击 “ 查 找 ” 按 


钮 ,页 面 将 转 到 booklist. jsp 页 面 ,从 数据 库 的 book 表 中 查询 所 需 信息 。 如 果 没 有 找到 
需要 查找 的 信息 ,系统 将 提示 用 户 重新 搜索 ;如 果 找 到 了 ,系统 将 显示 检索 到 的 图 书信 息 ， 


见 图 11-6 。 


http://127.0.0.1:8080/book 
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食 首 页 


书目 搜索 结果 


汉 精品 图 书 | | 同 新 书架 | | 忆 书目 查找 | | 了 我 的 订单 “| 品 购书 车 | | 让 读者 留言 | 


您 要 找 的 图 书 共 1 本 , 分 1 页 显示 , 每 页 显示 10 本 
序号 书号 


1 TSBN 978-7-115-29469-2 


定 价 : 半 36.00 放 入 购书 车 
= 


第 1 页 首页 上 一 页 下 一 页 未 页 
单价 购买 详细 信息 


计算 机 网 络 教程 ¥36.00 购书 车 查看 


计算 机 网 络 教程 
谢 希 仁 
图 书 规格 
人 民 邮 电 出 版 社 
2012-10-01 出 版 


著 


书号 : ISBN 978-7-115-29469-2 


2. 高 级 检索 


一 二 一 


图 11-6 书目 搜索 结果 


ES 


在 图 11-5 的 界面 上 单 击 “ 高 级 搜索 ” 超 链接 ,页 面 将 转 至 booksearch. jsp, 见 图 11-7。 
在 该 界面 中 输入 需要 检索 的 信息 , 单 击 “ 搜 索 ” 按 钮 ,将 转 至 booklist. jsp 页 面 。 


3. 主要 代码 


图 书 检索 search. jsp 和 高 级 检索 booksearch. jsp 代码 见 网 上 资源 ( 详 见 附录 A) 。 
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De 0 ET 


【< | 网 nap127001:8080/booksho =| |X| eng K P 
页 收藏 夹 | 较 http://1270.01:8080/book | | 
| 
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食 首页 ”| | 亏 精 品 因 书 | | 目 新 书架 | [所 书目 查找 | | 少 我 的 订单 | | 号 购书 车 | | 车 读者 留言 
区 榨 索 说 明 ] 
生 村 和 轴 上 并 已 上 网 图 HS a 
2、 先 择 要 检索 的 图 书 类 别 ,在 相 书 名 
应 的 Y 口 ”处 打上 多 为 选中 
3、 各 检索 条 件 之 同 为 水 蚀 “ 与 ” 作者 
EE 书 从 00 .00 | 
本 字 出 版 社 
类 别 所 有 图 书 
EE | 
图 11-7 高 级 搜索 


11.4 购书 车 实现 


在 网 上 书店 浏览 时 ,看见 满意 的 图 书 , 单 击 * 放 和 购书 车 超 链 接 , 即 可 将 图 书 放 和 人 购 
书 车 。 

1. 相关 文件 名 与 数据 库 表 

与 购书 车 相关 的 代码 名 称 与 数据 表 名 见 表 11-1。 


表 11-1 购书 车 代码 表 
功 能 代码 名 称 相关 的 数据 库 表 名 
将 选中 图 书 放 入 购书 车 addtocart jsp 图 书 表 book 
显示 购书 车 shoppingcart jsp 
购书 数量 加 1 inereaseCart. jsp 
购书 数量 减 1 decreaseCart jsp 
从 购书 车 中 取消 某 书目 delfromeart. jsp 
去 收银 台 orderl. jsp 用 户 表 userinfo 
Ti order jop 洒 全 于 decanh 
清空 购物 车 clearcart jsp 
320 Web 技 术 应 用 基础 (第 3 版 ) 


2. 购书 车 数据 结构 
购书 车 的 数据 结构 ,应 用 CartBean. java 代码 。 代 码 清单 如 下 : 


Package bean; 

Public class cartBean { 
Public String bookid= ™; 
piblic String poomame= "7 
Public String publish= ""; 
Public int ordemune 0; 
Public double unitprice= 0.0; 
Public double subtotal= 0.0; 

} 


变量 含义 ， 


bookid: ”书号 
boomame:” 书 名 


piblish: ”出 版 社 
ordernum: ”订购 数量 
unitprice: 单价 


subtotal: 合 价 


3. 显示 购书 车 
在 网 上 选中 图 书后 , 单 击 * 放 和 人 购书 车 ? 超 链接 ,调用 addtocart. jsp 代码 ,将 选中 的 图 
书 放 入 购书 车 ,再 转 至 shoppingcart. jsp, 显 示 购 书 车 的 内 容 , 见 图 11-8。 


http://127.0.0.1:8080/book.. | 


| 
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会 首页 起 寿 品 图 书 | | 目 新 书架 | | 忌 书 目下 找 | 我 的 订单 | 号 购书 车 | 四 读者 留言 
购书 车 | 
书号 书 名 出 版 社 合 价 捍 作 
99B7302186407 cb 技术 应 用 基础 《第 3 版 ) 清华 大 学 出 版 社 Y58.0 。 取消 
9787302303986 计算机 给付 与 纺 护 标准 教程 清华 大 学 出 版 社 千 79.6 。 取消 
SBN 978-7-115-29469-2 计算 机 网络 教程 人 民 邮 电 出 版 社 Yl106.0 取消 

Ws 有 ¥245.6 
请 宝 有 购书 车 所 | | 


1 


图 11-8 显示 购书 车 


在 该 界面 可 以 完成 以 下 操作 : 

(1) 单 击 “ 取 消 ” 超 链接 ,调用 delfromcart. jsp 代码 ,将 该 书目 从 购书 车 中 删除 。 
(2) 单 击 “ 清 空 购 书 车 ”按钮 ,调用 clearcart. jsp 代码 ,把 购书 车 清空 。 

(3) 单 击 “ 继 续 购 书 ” 按 钮 ,返回 客户 端 处 理 主 界面 index. jsp 代码 ,继续 购书 。 
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(4) 单 击 “十 ”或 “一 ”按钮 ,调用 increaseCart. jsp 或 decreaseCart. jsp 代码 ,更 改 数量 。 
(5) 单 击 “ 去 收银 台 ” 按 钮 ,调用 orderl. jsp 代码 , 转 至 图 11-9 的 下 订单 界面 。 
Fad http://127.0.0.1:8080/bookshop “|+ | 又 
言 收 启 夹 园 http.//127.0.01:8080/book | 


7 EX 
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食 首 页 ”| 起 精品 图 书 | | 目 新 书架 | 局 书目 下 找 ，| .我 的 订单 | 所 购书 车 “| 陪读 者 留 言 


为 万 便 我 们 及 时 将 书 送 到 您 手 上 ， 诸 您 确保 以 下 信息 让 实 可 千 :《 锅 + 亏 的 力 必 坊 项 ， 其 它 的 可 以 不 壤 ) 


路 半 人 和 + | 
收 雍和 地 址 : el » 

联系 电话 : 12345678 

邮编 : 10010 

们 时 万 式 : 本 局 区 一 | 


适 货 方式 : 24 小 时 全 国 竺 快 专递 ~ 


[人 | [二 | | 


图 11-9 下 订单 界面 


4. 下 订单 
在 图 11-9 的 下 订单 界面 中 单 击 “ 我 要 下 订单 ”按钮 ,页 面 转 到 order2. jsp。 显 示 订 单 
信息 , 见 图 11-10。 


订单 号 :1050 

收 侦 人 : 张 三 地 址 :北京 朝阳 区 北 四 环 未 路 引号 
邮编 :100101 联系 电话 :12345615 

书 出 虐 守 里 价 。 勤 量 (本 ) 


9787302186407 ch 技术 应 用 基础 (第 3 源 》 清华 大 学 出 版 社 。 29.0 2 

9787302303888 计算 机 组 装 与 维 扩 标 次 教程 请 华 大 学 出 版 社 站 39.8 2 

TSEN 975-7-115-29469-2 计 夏 机 网 络 执 程 人 民 部 电 册 版 社 36.0 $3 
言 计 7( 本 ) 


谢谢 您 的 支持 ! 


图 11-10 订单 


5. 我 的 订单 
在 网 上 书店 的 客户 端 处 理 界面 上 方 单 击 * 我 的 订单 ”按钮 ,调用 myorder. jsp 页 面 , 显 
示 该 读者 的 全 部 订单 信息 ,如 图 11-11 所 示 。 


6. 主要 代码 
图 书 检索 search. jsp、 高 级 检索 booksearch. jsp 代码 、 放 入 购书 车 addtocart. jsp 代码 
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著 的 订 音 


食 首 页 精品 图 书 | | 同 新 书 染 | | 所 书目 查找 | | 我 的 订单 | | 号 购书 车 | | 信访 者 留言 


序号 ”订单 号 日 其 收 资 人 
北京 朝阳 区 北 四 环 东 路 97 号 
北京 朝 昌 区 北 四 环 末 路 97 号 


1 105l 2013-05-22 张 三 

光 1050 2013-05-22 张 三 

订单 1050 的 明细 

书 S 书 名 

9787302188407 Yeb 技 术 应 用 基础 (第 3 所 】 
9787302303886 计算 机 组 蒜 与 准 护 标准 教 福 
TSEW 97P-T-115-29465- 计算 机 网 络 教程 


图 书 总 数 订单 状态 
2 未 处 理 
7 未 处 理 
出 皮 寺 单价 数量 (本 ) 。 合 价 
清华 大 学 出 版 社 ¥29.0 2 ¥56,0 
清华 大 字 出 版 社 ¥39.8 2 ¥78.6 
信 民 邮电 出 版 社 和 
7 


我 的 订单 


和 显示 购书 车 shoppingcart. jsp 代码 见 网 上 资源 ( 详 见 附录 A) 。 


11.5 读者 留言 功能 实现 


读者 成 功 登 录 网 上 书店 后 , 单 击 页 面 左 方 “ 给 管理 员 留 言 " 超 链接 ,进入 
leaveword. jsp 留言 界面 ,显示 读者 留言 , 见 图 11-12。 读 者 留言 后 , 单 击 “ 留 言 ”按钮 ,调用 
leaveword2. jsp 代码 ,将 留言 写 人 nodes 表 , 并 返回 leaveword. jsp 显示 留言 。 


0/be 


8 http://127.0.0.1:8080/bookshop/lea ~ 
=- 一 
http://127.0.0.1:8080/book... | 


Wang Luo gou shu xl tong 


今天 是 2013 年 5 月 22 日 , 欢迎 光临 


例 首 页 “| | 翅 精 品 图 书 | 辐 新 书架 | | 己 书 目 查找 | | > 我 的 订单 ”| 3 购书 车 | 入 读者 留言 


读者 留言 


最 近 的 窗 言 共 3 池 . 分 1 页 显示 , 每 页 显示 5 条 
留言 日 明 。 鲫 言 人 主题 
2013-05-22 glbuu 书 已 性 到 


2013-05-19 所 月 华 书 已 性 到 
2008-09-13 fanyuehua 。 书 收 到 
主题 


计算 机 程序 设计 教程 已 收 到 ， 很 及 
时 , 谢 


算 1 页 首页 上 一 页 下 一 页 未 页 
理 日 期 。 处 理 意见 
2013-05-22 


5-22 不 客气 。 
2008-09-15 合作 以 快 , 区 迎 下 次 光临 !000002 


图 11-12 读者 留言 
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读者 留言 leaveword. jsp 和 将 留言 写 人 数据 库 leaveword2. jsp 代码 见 网 上 资源 ( 详 见 
附录 A) 。 


11.6 订单 管理 功能 实现 


管理 端 业务 处 理 主 要 有 : 图 书 管 理 ,用户 管 理 .订单 管理 .留言 管理 .出 版 社 管理 和 职 

工 管理 等 模块 。 下 面 以 订单 管理 为 例 说 明 它们 的 实 一 一 
于 http://localho... -IODIX| 

现 方法 。 ; 文件 (E) 编辑 (E) 查看 () 收藏 > 

发 布 在 bookshop/admin 目录 下 的 index. jsp 文 “| 地 址 D -| 图 /adtnirvindex.isp 回 加 
件 ,打开 管理 端 业 务 处 理 主 界面 , 见 图 11-13。 管 理 员 
在 界面 中 输入 用 户 名 和 密码 ,系统 将 此 密码 和 用 户 名 
与 数据 库 中 职工 表 employee 中 的 信息 对 照 ,如 果 输 
人 入 不 正确 ,系统 将 提示 管理 员 重 新 输入 ; 若 输入 正确 ， 
将 转 至 管理 员 界 面 。 管 理 员 单 击 “订单 管理 ”按钮 , 调 
用 orderlist. jsp 显示 数据 库 订单 表 orderform 中 的 数 
据 , 见 图 11-14。 


痪 国 http/127.00 18080/book | 


Wang Luo gou shu xi tong 日 期 ;2013 年 5 月 zz 日 
了 图 书 管 理 | | 六 用 户 管理 订单 管理 留言 管理 职工 管理 “9 出 版 社 管理 


查询 


订单 号 ”日期 收 资 人 地 址 HA 总 从 状态 更 改 状 态 

1051 2013-06-22 汉 北京 朝 了 区 北 四 环 东 路 97 号 ¥98.80 未 处 理 。 发 贷 

1050 2013-06-22 张 三 北京 朝阳 区 北 四 环 东 路 97 号 : 站 245.60 已 发 货 。 完 兴 

L049 2003-01-04 林 月 化 汇演 区 2 ¥117.00 已 发 货 ”完毕 

104 2008-12-28 区 月 华 海淀 区 和 站 185.50 已 发 贷 完毕 a 
L047 2003-09-13 fanyuchua 北京 朝阳 区 北 四 环 东 路 97 号 4 站 184.50 已 发 货 。 完 千 

10d 2006-12-13 fanyushua 北京 朝阳 | 97 号 186.00 已 发 贷 

1045 2006-12-13 fanyushus 3 ¥80.00 完毕 

L044 2006-12-12 Tanyuehua 北京 朝 卫 区 北 四 环 东 路 97 号 3 ¥60.00 完毕 


共 1 页 第 1 页 首页 上 一 页 下 一 页 未 页 


订单 1060 的 明 纸 ' 
书号 书 名 出 斯 社 单价 数量 (本 ) 。 合 价 ' 
9787302188407 Wsb 技 术 应 用 基础 (第 3 版 》 清华 大 学 出 版 社 ¥29.0 2 ¥58.0 中 
9787302303386 计算 机 组 装 与 维护 标准 教程 清华 大 学 出 版 社 ¥39.8 2 ¥79.6 有 
ISEN 0978-7-115-29469-2 计算 机 网 络 教程 人 民 邮 电 峙 版 社 ¥36.0 3 ¥108.0 | 

合计 7 ¥245.6 | 


图 11-14 显示 订单 


人 种 状态 : 未 处 理 . 已 发 货 和 完毕 。 下 订单 后 的 订单 是 “未 处 理 ” 状 态 。 管 理 
员 发 货 后 ,将 订单 状态 改 为 “已 发 货 ”。 送 货 员 从 用 户 处 收回 货款 后 ,将 状态 改 为 "完毕 ”。 
管理 员 可 以 在 显示 订单 页 面 上 更 改 订单 状态 , 单 击 页 面 上 “更 改 状态 ”栏目 的 超 链接 ,调用 


324 一 一 一 一 一 一 一 一 Web 技 术 应 用 基础 (第 3 版 ) 


orderedit. jsp 代码 改变 订单 的 状态 。 管 理 员 也 可 以 单 击 页 面 右上 角 “ 查 询 ” 超 链接 ,弹出 
订单 查询 界面 ordersearch. jsp ,查找 某 一 订单 ,并 把 它 显示 出 来 , 见 图 11-15。 


R http //127.0.0.1:8080/book.. | 


一 Lue gou shu xi tong 日 其 :2013 年 5 月 22 日 
起 用 户 管理 | | 少 订 单 管理 | 网 留言 管理 | | 吕 职工 管理 | | 小 出 版 社 管理 


订单 日 期 至 ( 同 式 :2013-09-01) 
下 单 人 CC | 

图 书 总 数 上 so | 

总 价 0.00 至 1000.00 

状态 所 有 ~ 


图 11-15 订单 查询 


管理 员 输 入 查询 条 件 后 , 单 击 “查询 ”按钮 ,调用 orderlist. jsp 显示 需要 查询 的 订单 。 
管理 员 身 份 验证 bookshop/admin/index. jsp 和 订单 处 理 orderedit. js 代码 见 网 上 资 
源 ( 详 见 附录 A) 。 


小 结 


本 章 简 单 说 明了 “网 上 书店 ”的 实现 过 程 ,说 明了 主要 功能 的 实现 ,并 给 出 了 部 分 代 
码 。 通 过 本 书 的 学 习 , 和 “网 上 书店 ”案例 的 提示 ,读者 可 以 尝试 开发 其 他 的 网 上 应 用 


上 机 练习 与 实 训 11 


一 、 上 机 练习 

1. 完成 留言 板 的 制作 ,界面 如 图 11-16 所 示 。 

2. 完成 一 个 网 上 聊天 室 的 制作 。 

二 、 实 训 

1. 完成 仓库 内 部 管理 系统 的 分 析 、 设 计 与 实现 。 主 界面 如 图 11-17 所 示 。 要 求 具 
有 : 显示 商品 、 添 加 商品 、 商 品 人 库 、 商 品 出 库 、 查 找 商 品 和 清除 商品 等 功能 。 

2. 完成 BBS 论坛 的 制作 ,包含 有 以 下 功能 : 
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[BE ] [浏览 留言 ] [CRES |] 


图 11-16 留言 板 


仓库 内 部 管理 系统 


图 11-17 仓库 内 部 管理 系统 


(1) 会 员 管 理子 系统 : 实现 会 员 的 在 线 注册 .登录 时 身份 验证 .个 人 信息 修改 。 
(2) 文章 和 Ce 显示 文章 主题 .阅读 文章 .发表 文章 和 跟 帖 文章 

(3) 留言 管理 : 提交 留言 .浏览 留言 和 回复 留言 。 

3. 完成 图 管理 信息 系统 的 制作 ,系统 功能 见 图 11-18。 


图 书馆 管理 信息 系统 


| | | | 
读 书 图 图 电 | | 读 
者 | | 目 | | 书 | | 书 | | 书 | | 子 | | 者 | | 系 
注 | | 查 | | 借 | | 预 | | 来 | | 读 | | 留 | | 统 
询 阅 定 编 物 言 维 
系 系 系 系 系 系 系 护 
图 11-18 图 书馆 管理 信息 系统 功能 


4. 完成 网 上 考试 系统 的 制作 ,系统 功能 如 下 : 

(1) 身份 验证 子 系统 

只 有 被 授权 的 用 户 才 可 以 登录 考试 系统 。 本 系统 把 登录 系统 的 身份 定 为 三 种 ,不 同 
的 身份 具有 不 同 的 权限 : 
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。 高 级 管理 员 : 具有 整个 系统 的 应 用 权限 。 
。 管理 员 : 可 以 使 用 题库 制作 子 系统 和 成 绩 管理 子 系统 。 


。 考生 : 参加 考试 。 


(2) 系统 管理 子 系统 。 
(3) 考生 管理 子 系统 。 
(4) 题库 管理 子 系统 。 
(5) 监控 中 心 子 系统 。 
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网 上 资源 使 用 说 明 
附录 到 


本 书 各 章 的 例题 全 部 调试 通过 , 按 章 节 存 放 在 清华 大 学 出 版 社 网 站 上 本 书 的 相应 信 
息 中 。 本 书 所 有 案例 在 “Windows 7 十 Tomcat 十 SQL Server 2005 企业 版 ”和 “Windows 
XP 十 Tomcat 十 SQL Server 个 人 版 ?环境 上 调试 通过 ,使 用 方法 如 下 。 


1. 第 2 章 案例 的 使 用 
例 2. lex2-01.jsp, 把 ex_D02 目录 下 的 ex2-01.jsp 文件 存放 在 \Tomcat7. 0\webapps 
\ex_D02 目录 下 。 


2. 第 2 篇 案例 的 使 用 
第 2 篇 的 案例 存放 在 ex_D04、ex_D05 和 ex_D06 目录 下 ,双击 文件 名 即 可 执行 。 


3. 第 3 篇 案例 的 使 用 

服务 器 端的 应 用 程序 应 放 在 Web 的 发 布 目录 下 或 其 虚拟 路 径 下 。 本 书 第 3 篇 的 案 
例 应 存放 在 \tomcat7. 0\webapps 下。 

第 7 章 . 第 8 章 . 第 9 章 和 第 10 章 的 所 有 案例 存放 在 ex_D07 .ex_D08 .ex_D09 和 ex_ 
D10 目录 下 ,直接 把 ex_D07、ex_D08、ex_D09 和 ex_D10 文件 夹 拖 到 \ tomcat7. 0\ 
webapps\ 目录 下 ,例如 \tomcat7.0\webapps\ ex_D07, 即 可 发 布 运 行 。 


4. 网 上 书店 的 安装 及 使 用 

为 使 读者 在 学 习 过 程 中 易于 理解 并 参考 使 用 ,将 系统 进行 了 适当 剪裁 。 读 者 将 网 上 
bookshop 中 的 内 容 复制 到 Tomcat 的 发 布 目录 下 即 可 运行 。 

安装 步骤 如 下 : 

(1) 安装 jdk1. 7.0。 

(2) 安装 tomcat7. 0。 

(3) 安装 MS SQL Server 2005。 

(4) 附加 数据 库 bookshop, 把 bookshop 目录 下 的 数据 库 文件 bookshop_Data. MDF 
和 bookshop_Log. LDF 导入 到 数据 库 中 。 

@ 在 桌面 上 选择 “开始 ”一 “所 有 程序 ”一 “Microsoft SQL Server 2005” 一 “SQL 
Server Management Studio”, 打 开 SQL Server 2005 界面 。 

@ 在 “对 象 资源 管理 器 "窗口 中 右 击 “ 数 据 库 ”, 选 择 “ 附 加 ”。 


@ 弹出 “附加 数据 库 ? 窗 口 ,在 窗口 中 单 击 “ 添 加 ”按钮 ,找到 bookshop_Data. MDF 文 
件 , 单 击 “ 确 定 ” 按 钮 。 

@ 回 到 “附加 数据 库 ” 窗 口 , 单 击 “ 确 定 ” 按 钮 。 完 成 数据 库 bookshop 的 附加 。 

(5) 创建 数据 源 , 选 择 “ 控 制 面板 ”>“ 管 理工 具 ”>“ 数 据 源 ” 建 立 与 该 数据 库 对 应 的 
数据 源 , 数据 源 取 名 为 bookshoplk。 注 意 :将 bookshop 设 为 默认 数据 库 。 

(6) 将 bookshop 整个 文件 夹 复 制 到 tomcat 发 布 目录 webapps 下 。 

(7) 以 上 步骤 完成 后 ,重启 Tomcat, 在 浏览 器 地 址 栏目 中 输入 下 述 内 容 。 
客户 端 (初始 账号 和 密码 ;pds/pass) 网 址 : 


http://localhost :8080/bookshop/index.jsp 
管理 端 (初始 账号 和 密码 :admin/pass) 网 址 : 
http://localhost :8080/bookshop/admin.jsp 


进入 网 上 书店 。 
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